@media (max-width: 760px) {
  #rec2496556291 .grid { width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; justify-items: center; }
  #rec2496556291 .card, #rec2496556291 .thumb { width: 100%; margin-left: auto; margin-right: auto; }
  #rec2496556291 .thumb img { object-position: 50% 50% !important; }
}

@media (max-width: 760px) {
  #allrecords .site .side, #allrecords [class*="-page"] [class$="-side"], #allrecords .kp .kp-side { position: sticky !important; top: 0px !important; z-index: 50 !important; width: 100% !important; min-height: 82px !important; padding: 15px 16px 13px !important; display: block !important; background: var(--paper, #f5f4ef) !important; border-right: 0px !important; border-bottom: 1px solid var(--line, rgba(21,21,21,.18)) !important; }
  #allrecords .site .nav, #allrecords [class*="-page"] [class$="-nav"], #allrecords .kp .kp-nav { margin: 16px 0px 0px !important; display: flex !important; flex-direction: row !important; justify-content: flex-start !important; gap: 12px !important; }
  #allrecords .site .top, #allrecords [class*="-page"] [class$="-top"], #allrecords .kp .kp-top { display: flex !important; position: fixed !important; z-index: 60 !important; top: 49px !important; left: auto !important; right: 16px !important; width: auto !important; height: auto !important; padding: 0px !important; gap: 12px !important; border: 0px !important; background: transparent !important; }
}

#rec2496556291 h1.heading, #rec2496556291 h1.kp-heading, #rec2496692461 h1.heading, .kg-main > h1 { text-transform: lowercase !important; }

.name, .kh-name, .kg-name { text-transform: lowercase !important; letter-spacing: 0.045em !important; }

#rec2496859291 { display: none !important; }

.name, .kh-name { text-transform: lowercase !important; letter-spacing: 0.045em !important; }

#rec2496859291 { display: none !important; }

.name, .kh-name { text-transform: lowercase !important; letter-spacing: 0.045em !important; }

.name { text-transform: lowercase !important; letter-spacing: 0.045em !important; }

.kg-nav a, .kg-top a, a[href*="instagram.com"], a[href*="t.me/"] { text-transform: lowercase !important; }

#allrecords a[href="/"], #allrecords a[href="https://ktgerun.com"], #allrecords a[href="https://ktgerun.com/"] { text-transform: lowercase !important; letter-spacing: 0.045em !important; }

@media (max-width: 760px) {
  #rec2496556291 .site > .side { min-height: 112px !important; height: 112px !important; padding: 15px 16px 14px !important; position: sticky !important; }
  #rec2496556291 .site > .side > .nav { display: flex !important; flex-flow: row !important; gap: 16px !important; margin: 16px 0px 0px !important; width: auto !important; white-space: nowrap !important; }
  #rec2496556291 .site > .side > .nav a { display: inline-block !important; white-space: nowrap !important; }
  #rec2496556291 .site > .side > .lang { position: absolute !important; top: 15px !important; right: 16px !important; margin: 0px !important; width: auto !important; }
  #rec2496556291 .site > .top { position: fixed !important; top: 76px !important; left: 16px !important; right: auto !important; display: flex !important; flex-flow: row !important; gap: 16px !important; white-space: nowrap !important; }
  #rec2496556291 .site > .top a { display: inline-block !important; white-space: nowrap !important; }
}

body.escape-screen-page { overflow: hidden !important; }

.escape-folder.escape-screen { position: fixed !important; z-index: 12 !important; left: 190px !important; top: 50px !important; width: calc(-190px + 100vw) !important; height: calc(-50px + 100dvh) !important; box-sizing: border-box !important; padding: 18px 32px 20px !important; margin: 0px !important; background: rgb(255, 255, 255) !important; overflow: hidden !important; }

.escape-folder.escape-screen .head { display: none !important; }

.escape-folder.escape-screen .viewer-work-nav { position: absolute !important; z-index: 8 !important; top: 18px !important; left: 32px !important; display: flex !important; gap: 18px !important; }

.escape-folder.escape-screen .viewer-work-nav button, .escape-folder.escape-screen .viewer-text-toggle { appearance: none !important; border: 0px !important; padding: 0px !important; background: transparent !important; color: rgb(153, 153, 153) !important; font-style: inherit !important; font-variant: inherit !important; font-weight: inherit !important; font-stretch: inherit !important; font-family: inherit !important; font-optical-sizing: inherit !important; font-size-adjust: inherit !important; font-kerning: inherit !important; font-feature-settings: inherit !important; font-variation-settings: inherit !important; font-language-override: inherit !important; font-size: 10.5px !important; line-height: 1.2 !important; text-transform: lowercase !important; cursor: pointer !important; }

.escape-folder.escape-screen .viewer-work-nav button.is-active, .escape-folder.escape-screen .viewer-work-nav button:hover, .escape-folder.escape-screen .viewer-text-toggle:hover { color: rgb(17, 17, 17) !important; }

.escape-folder.escape-screen .study, .escape-folder.escape-screen .study + .study { display: none !important; position: absolute !important; inset: 46px 32px 20px !important; width: auto !important; height: auto !important; margin: 0px !important; padding: 0px !important; }

.escape-folder.escape-screen .study.is-viewer-active { display: block !important; }

.escape-folder.escape-screen .study h2 { position: absolute !important; z-index: 7 !important; left: 0px !important; bottom: 0px !important; margin: 0px !important; font-size: 11px !important; line-height: 1.2 !important; }

.escape-folder.escape-screen .study-meta { position: absolute !important; z-index: 7 !important; left: 0px !important; bottom: 18px !important; margin: 0px !important; font-size: 9.5px !important; line-height: 1.2 !important; }

.escape-folder.escape-screen .study-description { display: none !important; position: absolute !important; z-index: 10 !important; right: 0px !important; bottom: 26px !important; width: min(340px, 42vw) !important; max-width: none !important; margin: 0px !important; padding: 14px 16px !important; background: rgba(255, 255, 255, 0.96) !important; font-size: 11px !important; line-height: 1.5 !important; }

.escape-folder.escape-screen .study-description.is-open { display: block !important; }

.escape-folder.escape-screen .viewer-text-toggle { position: absolute !important; z-index: 11 !important; right: 0px !important; bottom: 0px !important; color: rgb(119, 119, 119) !important; }

.escape-folder.escape-screen .gallery, .escape-folder.escape-screen .gallery.escape-carousel, .escape-folder.escape-screen .study:nth-of-type(2) .gallery { position: absolute !important; inset: 0px 0px 36px !important; display: block !important; width: auto !important; height: auto !important; max-width: none !important; overflow: hidden !important; }

.escape-folder.escape-screen .photo, .escape-folder.escape-screen .study:nth-of-type(2) .photo, .escape-folder.escape-screen .study:nth-of-type(3) .photo, .escape-folder.escape-screen .study:nth-of-type(3) .photo:last-child, .escape-folder.escape-screen .gallery.escape-carousel .photo { display: none !important; position: absolute !important; inset: 0px !important; width: 100% !important; height: 100% !important; max-height: none !important; margin: 0px !important; overflow: hidden !important; background: transparent !important; }

.escape-folder.escape-screen .photo.is-viewer-slide { display: flex !important; align-items: center !important; justify-content: center !important; }

.escape-folder.escape-screen .photo img, .escape-folder.escape-screen .gallery.escape-carousel .photo img { width: auto !important; height: auto !important; max-width: calc(100% - 120px) !important; max-height: calc(100% - 20px) !important; object-fit: contain !important; }

.escape-folder.escape-screen .viewer-arrow { position: absolute !important; z-index: 9 !important; top: 50% !important; transform: translateY(-50%) !important; appearance: none !important; border: 0px !important; padding: 10px 0px !important; background: transparent !important; color: rgb(34, 34, 34) !important; font-style: inherit !important; font-variant: inherit !important; font-weight: inherit !important; font-stretch: inherit !important; line-height: inherit !important; font-family: inherit !important; font-optical-sizing: inherit !important; font-size-adjust: inherit !important; font-kerning: inherit !important; font-feature-settings: inherit !important; font-variation-settings: inherit !important; font-language-override: inherit !important; font-size: 17px !important; cursor: pointer !important; }

.escape-folder.escape-screen .viewer-prev { left: 0px !important; }

.escape-folder.escape-screen .viewer-next { right: 0px !important; }

.escape-folder.escape-screen .viewer-count { position: absolute !important; z-index: 7 !important; left: 50% !important; bottom: 0px !important; transform: translateX(-50%) !important; font-size: 9.5px !important; color: rgb(136, 136, 136) !important; }

.escape-folder.escape-screen .viewer-arrow.is-hidden, .escape-folder.escape-screen .viewer-count.is-hidden { display: none !important; }

.escape-folder.escape-screen .escape-carousel-nav { display: none !important; }

@media (max-width: 760px) {
  body.escape-screen-page { overflow: hidden !important; }
  .escape-folder.escape-screen { left: 0px !important; top: 92px !important; width: 100vw !important; height: calc(-92px + 100dvh) !important; padding: 12px 16px 14px !important; }
  .escape-folder.escape-screen .viewer-work-nav { top: 12px !important; left: 16px !important; gap: 14px !important; }
  .escape-folder.escape-screen .study, .escape-folder.escape-screen .study + .study { inset: 38px 16px 14px !important; }
  .escape-folder.escape-screen .photo img, .escape-folder.escape-screen .gallery.escape-carousel .photo img { max-width: calc(100% - 40px) !important; max-height: calc(100% - 58px) !important; }
  .escape-folder.escape-screen .viewer-prev { left: 0px !important; }
  .escape-folder.escape-screen .viewer-next { right: 0px !important; }
  .escape-folder.escape-screen .study-description { right: 0px !important; bottom: 24px !important; width: min(310px, -32px + 100vw) !important; }
}

.escape-folder.escape-screen { right: 0 !important; max-width: none !important; }
.escape-folder.escape-screen .study .photo.is-viewer-slide,
.escape-folder.escape-screen .study:nth-of-type(2) .photo.is-viewer-slide,
.escape-folder.escape-screen .study:nth-of-type(3) .photo.is-viewer-slide,
.escape-folder.escape-screen .study:nth-of-type(3) .photo.is-viewer-slide:last-child { display: flex !important; }

/* escape-caption-always-visible */
.escape-folder.escape-screen .viewer-text-toggle {
  display: none !important;
}

.escape-folder.escape-screen .study-description,
.escape-folder.escape-screen .study-description.is-open {
  display: block !important;
  position: absolute !important;
  z-index: 7 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: min(430px, 42vw) !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  color: #333 !important;
  font-size: 10.5px !important;
  line-height: 1.45 !important;
}

.escape-folder.escape-screen .photo img,
.escape-folder.escape-screen .gallery.escape-carousel .photo img {
  max-height: calc(100% - 130px) !important;
}

@media (max-width: 760px) {
  .escape-folder.escape-screen .study-description,
  .escape-folder.escape-screen .study-description.is-open {
    right: 0 !important;
    bottom: 0 !important;
    width: 62% !important;
    font-size: 9.5px !important;
    line-height: 1.38 !important;
  }

  .escape-folder.escape-screen .study-meta {
    max-width: 34% !important;
    font-size: 9px !important;
    line-height: 1.3 !important;
  }

  .escape-folder.escape-screen .photo img,
  .escape-folder.escape-screen .gallery.escape-carousel .photo img {
    max-width: calc(100% - 32px) !important;
    max-height: calc(100% - 180px) !important;
  }

  .escape-folder.escape-screen .viewer-count {
    left: 0 !important;
    bottom: 39px !important;
    transform: none !important;
  }
}


/* unified-project-viewer */
body.project-screen-page {
  overflow: hidden !important;
}

.project.project-screen {
  display: block !important;
  position: fixed !important;
  z-index: 12 !important;
  left: 190px !important;
  right: 0 !important;
  top: 50px !important;
  width: calc(100vw - 190px) !important;
  height: calc(100dvh - 50px) !important;
  max-width: none !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 18px 32px 20px !important;
  overflow: hidden !important;
  background: #fff !important;
}

.project.project-screen > .head {
  display: none !important;
}

.project.project-screen .viewer-work-nav {
  position: absolute !important;
  z-index: 8 !important;
  top: 18px !important;
  left: 32px !important;
  right: 32px !important;
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  white-space: nowrap !important;
}

.project.project-screen .viewer-work-nav button {
  appearance: none !important;
  flex: 0 0 auto !important;
  border: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  color: #999 !important;
  font: inherit !important;
  font-size: 10.5px !important;
  line-height: 1.2 !important;
  text-transform: lowercase !important;
  cursor: pointer !important;
}

.project.project-screen .viewer-work-nav button.is-active,
.project.project-screen .viewer-work-nav button:hover {
  color: #111 !important;
}

.project.project-screen .study,
.project.project-screen .study + .study {
  display: none !important;
  position: absolute !important;
  inset: 46px 32px 20px !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

.project.project-screen.is-single-work .study {
  inset: 18px 32px 20px !important;
}

.project.project-screen .study.is-viewer-active {
  display: block !important;
}

.project.project-screen .study h2 {
  position: absolute !important;
  z-index: 7 !important;
  left: 0 !important;
  bottom: 0 !important;
  margin: 0 !important;
  max-width: 55% !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 400 !important;
}

.project.project-screen .study-meta {
  position: absolute !important;
  z-index: 7 !important;
  left: 0 !important;
  bottom: 18px !important;
  max-width: 55% !important;
  margin: 0 !important;
  font-size: 9.5px !important;
  line-height: 1.2 !important;
}

.project.project-screen .study-description,
.project.project-screen .study-description.is-open {
  display: block !important;
  position: absolute !important;
  z-index: 7 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: min(430px, 42vw) !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  color: #333 !important;
  font-size: 10.5px !important;
  line-height: 1.45 !important;
}

.project.project-screen .gallery,
.project.project-screen .gallery.escape-carousel {
  display: block !important;
  position: absolute !important;
  inset: 0 0 36px !important;
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  margin: 0 !important;
  overflow: hidden !important;
}

.project.project-screen .photo,
.project.project-screen .gallery.escape-carousel .photo,
.project.project-screen .study:nth-of-type(n) .photo {
  display: none !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
}

.project.project-screen .photo.is-viewer-slide,
.project.project-screen .study:nth-of-type(n) .photo.is-viewer-slide {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.project.project-screen .photo img,
.project.project-screen .gallery.escape-carousel .photo img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: calc(100% - 120px) !important;
  max-height: calc(100% - 130px) !important;
  object-fit: contain !important;
  object-position: 50% 50% !important;
}

.project.project-screen .viewer-arrow {
  position: absolute !important;
  z-index: 9 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  appearance: none !important;
  border: 0 !important;
  padding: 10px 0 !important;
  background: transparent !important;
  color: #222 !important;
  font: inherit !important;
  font-size: 17px !important;
  cursor: pointer !important;
}

.project.project-screen .viewer-prev {
  left: 0 !important;
}

.project.project-screen .viewer-next {
  right: 0 !important;
}

.project.project-screen .viewer-count {
  position: absolute !important;
  z-index: 7 !important;
  left: 50% !important;
  bottom: 0 !important;
  transform: translateX(-50%) !important;
  font-size: 9.5px !important;
  color: #888 !important;
}

.project.project-screen .viewer-arrow.is-hidden,
.project.project-screen .viewer-count.is-hidden,
.project.project-screen .viewer-text-toggle,
.project.project-screen .escape-carousel-nav {
  display: none !important;
}

@media (max-width: 760px) {
  body.project-screen-page {
    overflow: hidden !important;
  }

  .project.project-screen {
    left: 0 !important;
    right: 0 !important;
    top: 112px !important;
    width: 100vw !important;
    height: calc(100dvh - 112px) !important;
    padding: 12px 16px 14px !important;
  }

  .project.project-screen .viewer-work-nav {
    top: 12px !important;
    left: 16px !important;
    right: 16px !important;
    width: calc(100% - 32px) !important;
    gap: 14px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
  }

  .project.project-screen .viewer-work-nav::-webkit-scrollbar {
    display: none !important;
  }

  .project.project-screen .study,
  .project.project-screen .study + .study {
    inset: 42px 16px 14px !important;
  }

  .project.project-screen.is-single-work .study {
    inset: 12px 16px 14px !important;
  }

  .project.project-screen .study h2 {
    bottom: 25px !important;
    max-width: 34% !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
  }

  .project.project-screen .study-meta {
    bottom: 0 !important;
    max-width: 34% !important;
    font-size: 9px !important;
    line-height: 1.25 !important;
  }

  .project.project-screen .study-description,
  .project.project-screen .study-description.is-open {
    right: 0 !important;
    bottom: 0 !important;
    width: 62% !important;
    font-size: 9.5px !important;
    line-height: 1.38 !important;
  }

  .project.project-screen .photo img,
  .project.project-screen .gallery.escape-carousel .photo img {
    max-width: calc(100% - 32px) !important;
    max-height: calc(100% - 180px) !important;
  }

  .project.project-screen .viewer-prev {
    left: 0 !important;
  }

  .project.project-screen .viewer-next {
    right: 0 !important;
  }

  .project.project-screen .viewer-count {
    left: auto !important;
    right: 0 !important;
    top: 0 !important;
    bottom: auto !important;
    transform: none !important;
  }
}


/* project-copy-top-left */
.project.project-screen .study h2 {
  top: 0 !important;
  bottom: auto !important;
  max-width: 55% !important;
}

.project.project-screen .study-meta {
  top: 18px !important;
  bottom: auto !important;
  max-width: 55% !important;
}

.project.project-screen .study-description,
.project.project-screen .study-description.is-open {
  left: 0 !important;
  right: auto !important;
  top: 38px !important;
  bottom: auto !important;
  width: min(430px, 42vw) !important;
}

.project.project-screen .gallery,
.project.project-screen .gallery.escape-carousel {
  inset: 110px 0 36px !important;
}

.project.project-screen .photo img,
.project.project-screen .gallery.escape-carousel .photo img {
  max-width: calc(100% - 120px) !important;
  max-height: calc(100% - 20px) !important;
}

@media (max-width: 760px) {
  .project.project-screen .study h2 {
    top: 0 !important;
    bottom: auto !important;
    max-width: 100% !important;
    font-size: 9.5px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .project.project-screen .study-meta {
    top: 18px !important;
    bottom: auto !important;
    max-width: 100% !important;
    font-size: 9px !important;
    line-height: 1.25 !important;
  }

  .project.project-screen .study-description,
  .project.project-screen .study-description.is-open {
    left: 0 !important;
    right: auto !important;
    top: 52px !important;
    bottom: auto !important;
    width: 100% !important;
    font-size: 9.5px !important;
    line-height: 1.38 !important;
  }

  .project.project-screen .gallery,
  .project.project-screen .gallery.escape-carousel {
    inset: 155px 0 28px !important;
  }

  .project.project-screen .photo img,
  .project.project-screen .gallery.escape-carousel .photo img {
    max-width: calc(100% - 32px) !important;
    max-height: calc(100% - 12px) !important;
  }

  .project.project-screen .viewer-count {
    left: 50% !important;
    right: auto !important;
    top: auto !important;
    bottom: 0 !important;
    transform: translateX(-50%) !important;
  }
}

/* escape-series-intro-visible */
.project.project-screen.escape-folder > .head {
  display: block !important;
  position: absolute !important;
  z-index: 9 !important;
  top: 46px !important;
  left: 32px !important;
  right: 32px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.project.project-screen.escape-folder > .head h1 {
  display: none !important;
}

.project.project-screen.escape-folder > .head > div {
  display: block !important;
}

.project.project-screen.escape-folder > .head .description {
  display: block !important;
  position: static !important;
  width: min(720px, 65vw) !important;
  max-width: 720px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #333 !important;
  font-size: 10.5px !important;
  line-height: 1.45 !important;
}

.project.project-screen.escape-folder .study,
.project.project-screen.escape-folder .study + .study {
  inset: 132px 32px 20px !important;
}

.project.project-screen.escape-folder .gallery,
.project.project-screen.escape-folder .gallery.escape-carousel {
  inset: 128px 0 36px !important;
}

@media (max-width: 760px) {
  .project.project-screen.escape-folder > .head {
    top: 42px !important;
    left: 16px !important;
    right: 16px !important;
  }

  .project.project-screen.escape-folder > .head .description {
    width: 100% !important;
    max-width: none !important;
    font-size: 9.5px !important;
    line-height: 1.35 !important;
  }

  .project.project-screen.escape-folder .study,
  .project.project-screen.escape-folder .study + .study {
    inset: 125px 16px 14px !important;
  }

  .project.project-screen.escape-folder .gallery,
  .project.project-screen.escape-folder .gallery.escape-carousel {
    inset: 165px 0 28px !important;
  }
}