.rt-page {
  color: #141414;
  background-color: #8f8f8f;
  background-image: linear-gradient(#ffffff59 1px, #0000 1px), linear-gradient(90deg, #ffffff59 1px, #0000 1px);
  background-size: 56px 56px;
  min-height: 100vh;
  padding: 28px 48px 48px;
  font-family: DM Sans;
}

.rt-paper {
  background-color: #f7f5ef;
  background-image: linear-gradient(#e4e0d6 1px, #0000 1px);
  background-size: 100% 32px;
  border: 2px solid #141414;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  box-shadow: 8px 8px #141414;
}

.rt-nav {
  z-index: 40;
  grid-row-gap: 0;
  grid-column-gap: 0;
  background-color: #fff;
  border-bottom: 2px solid #141414;
  align-items: stretch;
  height: 52px;
  display: flex;
  position: sticky;
  top: 0;
}

.rt-nav-logo {
  border-right: 2px solid #141414;
  justify-content: center;
  align-items: center;
  padding-left: 16px;
  padding-right: 16px;
  text-decoration: none;
  display: flex;
}

.rt-nav-logo-mark {
  color: #141414;
  background-color: #c6b6ff;
  border: 2px solid #141414;
  border-radius: 999px;
  padding: 2px 6px;
  font-family: Silkscreen;
  font-size: 16px;
  font-weight: 700;
}

.rt-tab {
  color: #141414;
  letter-spacing: .12em;
  text-transform: uppercase;
  border-right: 2px solid #141414;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Space Mono;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
}

.rt-tab:hover {
  background-color: #f4d35e;
}

.rt-tab-active {
  background-color: #c6b6ff;
}

.rt-nav-right {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  align-items: center;
  margin-left: auto;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.rt-nav-clock {
  background-color: #f7f5ef;
  border: 2px solid #141414;
  padding: 4px 10px;
  font-family: Silkscreen;
  font-size: 14px;
}

.rt-nav-cta {
  color: #141414;
  letter-spacing: .12em;
  text-transform: uppercase;
  background-color: #fff;
  border: 2px solid #141414;
  padding: 6px 14px;
  font-family: Space Mono;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  transition: transform .15s, box-shadow .15s;
  box-shadow: 3px 3px #141414;
}

.rt-nav-cta:hover {
  background-color: #ff7eb6;
  transform: translate(-2px, -2px);
  box-shadow: 5px 5px #141414;
}

.rt-hero {
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding: 96px 48px 104px;
  display: flex;
  position: relative;
}

.rt-hero-stage {
  flex-direction: column;
  align-items: center;
  margin-bottom: 56px;
  display: flex;
  position: relative;
}

.rt-hand-small {
  text-underline-offset: 6px;
  margin-top: 0;
  margin-bottom: 8px;
  font-family: Gaegu;
  font-size: 26px;
  -webkit-text-decoration: underline wavy #8d6bff;
  text-decoration: underline wavy #8d6bff;
}

.rt-logo-box {
  background-color: #f7f5efd9;
  border: 3px solid #8d6bff;
  padding: 20px 40px 12px;
  position: relative;
}

.rt-logo {
  color: #141414;
  letter-spacing: -.02em;
  text-shadow: 6px 6px #c6b6ff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Silkscreen;
  font-size: 128px;
  font-weight: 700;
  line-height: 1;
}

.rt-logo-corner {
  background-color: #fff;
  border: 2px solid #8d6bff;
  width: 12px;
  height: 12px;
  position: absolute;
}

.rt-logo-corner-tl {
  top: -8px;
  left: -8px;
}

.rt-logo-corner-br {
  bottom: -8px;
  right: -8px;
}

.rt-pill {
  z-index: 3;
  letter-spacing: .12em;
  text-transform: uppercase;
  white-space: nowrap;
  border: 2px solid #141414;
  border-radius: 999px;
  padding: 6px 14px;
  font-family: Space Mono;
  font-size: 11px;
  font-weight: 700;
  position: absolute;
  box-shadow: 2px 3px #141414;
}

.rt-pill-mint {
  background-color: #a8e6cf;
}

.rt-pill-butter {
  background-color: #f4d35e;
}

.rt-pill-left {
  top: 20px;
  left: -120px;
  transform: rotate(-8deg);
}

.rt-pill-right {
  top: 28px;
  right: -140px;
  transform: rotate(6deg);
}

.rt-hero-meta {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  align-items: center;
  margin-top: 18px;
  display: flex;
}

.rt-sticky {
  border: 1px solid #14141440;
  padding: 8px 14px;
  font-family: Gaegu;
  font-size: 20px;
  font-weight: 700;
  box-shadow: 3px 4px #1414142e;
}

.rt-sticky-butter {
  background-color: #f4d35e;
  transform: rotate(-4deg);
}

.rt-sticky-mint {
  background-color: #a8e6cf;
  transform: rotate(3deg);
}

.rt-status {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
}

.rt-status-dot {
  background-color: #8d6bff;
  border-radius: 999px;
  width: 10px;
  height: 10px;
  display: block;
}

.rt-status-text {
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Space Mono;
  font-size: 12px;
  font-weight: 700;
}

.rt-hero-title {
  letter-spacing: -.03em;
  max-width: 820px;
  margin-top: 0;
  margin-bottom: 18px;
  font-family: DM Sans;
  font-size: 52px;
  font-weight: 700;
  line-height: 1.08;
}

.rt-hl {
  background-color: #c6b6ff;
  border: 2px solid #141414;
  padding-left: 8px;
  padding-right: 8px;
  display: inline-block;
  transform: rotate(-2deg);
}

.rt-cursor {
  color: #8d6bff;
  margin-left: 4px;
  font-family: Silkscreen;
}

.rt-hero-sub {
  color: #3a3a3a;
  max-width: 560px;
  margin-top: 0;
  margin-bottom: 32px;
  font-size: 19px;
  line-height: 1.6;
}

.rt-btn-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.rt-btn {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
  border: 2px solid #141414;
  align-items: center;
  padding: 14px 22px;
  font-family: Space Mono;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  transition: transform .15s, box-shadow .15s;
  display: flex;
  box-shadow: 4px 4px #141414;
}

.rt-btn:hover {
  transform: translate(-3px, -3px);
  box-shadow: 7px 7px #141414;
}

.rt-btn-dark {
  color: #fff;
  background-color: #141414;
  padding-left: 10px;
}

.rt-btn-ghost {
  color: #141414;
  background-color: #fff;
}

.rt-btn-ico {
  color: #fff;
  background-color: #8d6bff;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  display: flex;
}

.rt-desk {
  z-index: 2;
  position: absolute;
}

.rt-desk-1 {
  top: 120px;
  left: 6%;
  transform: rotate(-4deg);
}

.rt-desk-2 {
  top: 96px;
  right: 7%;
  transform: rotate(5deg);
}

.rt-desk-3 {
  bottom: 120px;
  left: 9%;
  transform: rotate(3deg);
}

.rt-desk-4 {
  bottom: 140px;
  right: 8%;
  transform: rotate(-5deg);
}

.rt-icon {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  align-items: center;
  width: 110px;
  display: flex;
}

.rt-icon-box {
  background-color: #fff;
  border: 2px solid #141414;
  padding: 10px;
  box-shadow: 3px 3px #141414;
}

.rt-icon-label {
  color: #fff;
  background-color: #141414;
  padding: 2px 6px;
  font-family: Space Mono;
  font-size: 11px;
  font-weight: 700;
}

.rt-band {
  color: #f7f5ef;
  background-color: #141414;
  border-top: 2px solid #141414;
  border-bottom: 2px solid #141414;
  padding-top: 14px;
  padding-bottom: 14px;
  overflow: hidden;
}

.rt-band-track {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  align-items: center;
  width: max-content;
  display: flex;
}

.rt-band-item {
  text-transform: uppercase;
  white-space: nowrap;
  font-family: Silkscreen;
  font-size: 28px;
}

.rt-band-star {
  color: #c6b6ff;
  font-size: 22px;
}

.rt-band-alt {
  color: #f4d35e;
}

.rt-about {
  padding: 96px 48px 112px;
  position: relative;
}

.rt-margin-note {
  font-family: Gaegu;
  font-size: 22px;
  position: absolute;
  top: 40px;
  left: 48px;
  transform: rotate(-4deg);
}

.rt-about-grid {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 240px 1fr 240px;
  align-items: center;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.rt-about-center {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.rt-boxed {
  background-color: #fff;
  border: 2px solid #141414;
  margin-top: 0;
  margin-bottom: 28px;
  padding: 4px 16px;
  font-family: DM Sans;
  font-size: 28px;
  font-weight: 500;
  box-shadow: 3px 3px #141414;
}

.rt-hand {
  max-width: 620px;
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Gaegu;
  font-size: 30px;
  line-height: 32px;
}

.rt-hand-mono {
  color: #5a5a5a;
  max-width: 520px;
  margin-top: 8px;
  margin-bottom: 36px;
  font-family: Space Mono;
  font-size: 14px;
  line-height: 1.7;
}

.rt-tags {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 640px;
  display: flex;
}

.rt-tag {
  border-top: 3px dotted #14141440;
  border-bottom: 3px dotted #14141440;
  padding: 10px 20px;
  font-family: DM Sans;
  font-size: 19px;
  font-weight: 700;
  transition: transform .2s;
}

.rt-tag:hover {
  transform: rotate(-3deg)scale(1.05);
}

.rt-tag-butter {
  background-color: #f4d35e;
}

.rt-tag-lilac {
  background-color: #c6b6ff;
}

.rt-tag-pink {
  background-color: #ff7eb6;
}

.rt-tag-mint {
  background-color: #a8e6cf;
}

.rt-tag-blue {
  color: #fff;
  background-color: #4f6bff;
}

.rt-polaroid {
  background-color: #fff;
  border: 1px solid #e0ddd4;
  padding: 12px 12px 14px;
  position: relative;
  box-shadow: 0 10px 24px #1414142e;
}

.rt-polaroid-l {
  transform: rotate(-5deg);
}

.rt-polaroid-r {
  transform: rotate(4deg);
}

.rt-tape {
  opacity: .85;
  width: 70px;
  height: 22px;
  position: absolute;
  top: -10px;
}

.rt-tape-l {
  background-color: #9fb4ff;
  left: -14px;
  transform: rotate(-35deg);
}

.rt-tape-r {
  background-color: #f4d35e;
  right: -14px;
  transform: rotate(35deg);
}

.rt-polaroid-screen {
  border: 2px solid #141414;
  flex-direction: column;
  height: 200px;
  display: flex;
}

.rt-polaroid-caption {
  text-align: center;
  margin-top: 10px;
  font-family: Gaegu;
  font-size: 18px;
}

.rt-mini-bar {
  background-color: #fff;
  background-image: repeating-linear-gradient(#141414 0 1px, #0000 1px 4px);
  border-bottom: 2px solid #141414;
  height: 20px;
}

.rt-code {
  color: #c6b6ff;
  text-align: left;
  background-color: #1b1730;
  flex-grow: 1;
  padding: 14px;
  font-family: Space Mono;
  font-size: 12px;
  line-height: 1.7;
}

.rt-code-val {
  color: #f4d35e;
}

.rt-screen-pixel {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #c6b6ff;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.rt-screen-text {
  font-family: Silkscreen;
  font-size: 14px;
}

.rt-services {
  background-color: #c9dcff;
  border-top: 2px solid #141414;
  padding: 96px 48px 120px;
  position: relative;
}

.rt-pixel-edge {
  background-image: linear-gradient(90deg, #c9dcff 50%, #0000 50%), linear-gradient(90deg, #0000 50%, #c9dcff 50%);
  background-repeat: repeat-x;
  background-size: 48px 12px, 48px 12px;
  height: 24px;
  position: absolute;
  top: -26px;
  left: 0;
  right: 0;
}

.rt-sec-head {
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-bottom: 56px;
  display: flex;
}

.rt-eyebrow {
  color: #fff;
  letter-spacing: .16em;
  text-transform: uppercase;
  background-color: #141414;
  margin-bottom: 18px;
  padding: 4px 10px;
  font-family: Space Mono;
  font-size: 12px;
  font-weight: 700;
}

.rt-sec-title {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Silkscreen;
  font-size: 64px;
  font-weight: 700;
  line-height: 1;
}

.rt-sec-title-em {
  color: #8d6bff;
  text-shadow: 4px 4px #141414;
}

.rt-win-grid {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.rt-win {
  background-color: #fff;
  border: 2px solid #141414;
  transition: transform .2s, box-shadow .2s;
  box-shadow: 8px 8px #141414;
}

.rt-win:hover {
  transform: translate(-4px, -4px);
  box-shadow: 12px 12px #141414;
}

.rt-win-bar {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  background-image: repeating-linear-gradient(#141414 0 2px, #0000 2px 5px);
  border-bottom: 2px solid #141414;
  align-items: center;
  height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.rt-win-box {
  background-color: #fff;
  border: 2px solid #141414;
  width: 14px;
  height: 14px;
}

.rt-win-name {
  background-color: #fff;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Silkscreen;
  font-size: 13px;
}

.rt-win-body {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  padding: 28px;
  display: flex;
}

.rt-win-ico {
  border: 2px solid #141414;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 72px;
  height: 72px;
  display: flex;
}

.rt-win-ico-butter {
  background-color: #f4d35e;
}

.rt-win-ico-pink {
  background-color: #ff7eb6;
}

.rt-win-ico-lilac {
  background-color: #c6b6ff;
}

.rt-win-ico-mint {
  background-color: #a8e6cf;
}

.rt-svc-title {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Silkscreen;
  font-size: 24px;
  line-height: 1.1;
}

.rt-svc-text {
  color: #3a3a3a;
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 1.6;
}

.rt-chips {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.rt-chip {
  background-color: #f7f5ef;
  border: 1.5px solid #141414;
  border-radius: 999px;
  padding: 3px 10px;
  font-family: Space Mono;
  font-size: 12px;
}

.rt-work {
  border-top: 2px solid #141414;
  padding: 104px 48px 120px;
}

.rt-folders {
  flex-direction: column;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.rt-folder {
  margin-top: 42px;
  position: relative;
}

.rt-folder-tab {
  letter-spacing: .16em;
  text-transform: uppercase;
  clip-path: polygon(0 0, calc(100% - 28px) 0, 100% 100%, 0 100%);
  border: 2px solid #141414;
  border-bottom-width: 0;
  align-items: center;
  height: 42px;
  padding-left: 24px;
  padding-right: 44px;
  font-family: Space Mono;
  font-size: 12px;
  font-weight: 700;
  display: flex;
  position: absolute;
  top: -40px;
}

.rt-ft-1 {
  left: 0;
}

.rt-ft-2 {
  left: 180px;
}

.rt-ft-3 {
  left: 360px;
}

.rt-ft-4 {
  left: 540px;
}

.rt-ft-5 {
  left: 720px;
}

.rt-folder-body {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border: 2px solid #141414;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.15fr;
  align-items: center;
  min-height: 300px;
  padding: 44px;
  transition: transform .25s;
  display: grid;
}

.rt-folder-body:hover {
  transform: translateY(-6px);
}

.rt-fc-dark {
  color: #fff;
  background-color: #1d1b1a;
}

.rt-fc-butter {
  color: #141414;
  background-color: #f4d35e;
}

.rt-fc-lilac {
  color: #141414;
  background-color: #c6b6ff;
}

.rt-fc-pink {
  color: #141414;
  background-color: #ff7eb6;
}

.rt-fc-blue {
  color: #fff;
  background-color: #4f6bff;
}

.rt-work-meta {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  letter-spacing: .14em;
  text-transform: uppercase;
  align-items: center;
  margin-bottom: 14px;
  font-family: Space Mono;
  font-size: 12px;
  font-weight: 700;
  display: flex;
}

.rt-work-dot {
  background-color: currentColor;
  border-radius: 999px;
  width: 8px;
  height: 8px;
  display: block;
}

.rt-work-title {
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 16px;
  font-family: DM Sans;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.05;
}

.rt-work-chips {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  margin-top: 0;
  margin-bottom: 22px;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.rt-work-chip {
  border-style: solid;
  border-width: 1.5px;
  border-radius: 999px;
  padding: 3px 10px;
  font-family: Space Mono;
  font-size: 12px;
}

.rt-work-link {
  letter-spacing: .16em;
  text-transform: uppercase;
  color: inherit;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  padding-bottom: 3px;
  font-family: Space Mono;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}

.rt-work-shot {
  color: #141414;
  background-color: #fff;
  border: 2px solid #141414;
  position: relative;
  transform: rotate(1.5deg);
  box-shadow: 6px 6px #14141480;
}

.rt-work-shot-alt {
  transform: rotate(-1.5deg);
}

.rt-shot-tape {
  background-color: #ffffffb3;
  border: 1px solid #14141426;
  width: 90px;
  height: 22px;
  position: absolute;
  top: -12px;
}

.rt-shot-tape-l {
  left: -20px;
  transform: rotate(-12deg);
}

.rt-shot-tape-r {
  right: -20px;
  transform: rotate(12deg);
}

.rt-shot-screen {
  background-color: #f7f5ef;
  background-image: linear-gradient(#1414140f 1px, #0000 1px), linear-gradient(90deg, #1414140f 1px, #0000 1px);
  background-size: 16px 16px;
  justify-content: center;
  align-items: center;
  height: 240px;
  font-family: Silkscreen;
  font-size: 14px;
  display: flex;
}

.rt-cta {
  background-color: #c6b6ff;
  border-top: 2px solid #141414;
  padding: 120px 48px 128px;
  position: relative;
  overflow: hidden;
}

.rt-pixel-edge-lilac {
  background-image: linear-gradient(90deg, #c6b6ff 50%, #0000 50%), linear-gradient(90deg, #0000 50%, #c6b6ff 50%);
  background-repeat: repeat-x;
  background-size: 48px 12px, 48px 12px;
  height: 24px;
  position: absolute;
  top: -26px;
  left: 0;
  right: 0;
}

.rt-cta-win {
  z-index: 2;
  background-color: #fdf6c9;
  border: 2px solid #141414;
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  box-shadow: 10px 10px #141414;
}

.rt-cta-body {
  flex-direction: column;
  align-items: flex-start;
  padding: 56px 56px 60px;
  display: flex;
}

.rt-cta-title {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 8px;
  font-family: Silkscreen;
  font-size: 72px;
  font-weight: 700;
  line-height: 1;
}

.rt-cta-script {
  color: #8d6bff;
  margin-top: 0;
  margin-bottom: 24px;
  margin-left: 120px;
  font-family: Gaegu;
  font-size: 56px;
  line-height: 1;
  transform: rotate(-4deg);
}

.rt-cta-text {
  max-width: 560px;
  margin-top: 0;
  margin-bottom: 32px;
  margin-left: auto;
  font-size: 19px;
  line-height: 1.6;
}

.rt-cta-row {
  justify-content: flex-end;
  width: 100%;
  display: flex;
}

.rt-cta-deco {
  z-index: 1;
  position: absolute;
}

.rt-cta-deco-1 {
  top: 90px;
  left: 6%;
}

.rt-cta-deco-2 {
  bottom: 80px;
  right: 6%;
}

.rt-footer {
  color: #f7f5ef;
  background-color: #141414;
  padding: 40px 48px 28px;
}

.rt-footer-top {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-bottom: 2px dashed #f7f5ef40;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 28px;
  display: flex;
}

.rt-footer-logo {
  color: #f7f5ef;
  font-family: Silkscreen;
  font-size: 56px;
  font-weight: 700;
  line-height: 1;
}

.rt-footer-tag {
  color: #c6b6ff;
  margin-top: 6px;
  font-family: Space Mono;
  font-size: 14px;
}

.rt-footer-links {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  flex-wrap: wrap;
  display: flex;
}

.rt-footer-link {
  color: #f7f5ef;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-family: Space Mono;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  transition: color .2s;
}

.rt-footer-link:hover {
  color: #f4d35e;
}

.rt-footer-bottom {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #f7f5ef99;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 20px;
  font-family: Space Mono;
  font-size: 12px;
  display: flex;
}

.sky-page {
  color: #141414;
  background-color: #f4f2ec;
  background-image: linear-gradient(#1414140b 1px, #0000 1px), linear-gradient(90deg, #1414140b 1px, #0000 1px);
  background-size: 28px 28px;
  font-family: Inter;
  overflow-x: hidden;
}

.sky-topbar {
  z-index: 50;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #f4f2eceb;
  border-bottom: 1.5px solid #141414;
  justify-content: space-between;
  align-items: center;
  height: 64px;
  padding-left: 48px;
  padding-right: 48px;
  display: flex;
  position: sticky;
  top: 0;
}

.sky-brand {
  color: #141414;
  letter-spacing: -.01em;
  text-transform: uppercase;
  font-family: Archivo;
  font-size: 17px;
  font-weight: 800;
  text-decoration: none;
}

.sky-nav {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  display: flex;
}

.sky-nav-link {
  opacity: .75;
  color: #141414;
  text-transform: none;
  letter-spacing: 0;
  font-family: IBM Plex Mono, monospace;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: opacity .2s;
}

.sky-nav-link:hover {
  opacity: 1;
}

.sky-topbar-cta {
  color: #141414;
  text-transform: none;
  background-color: #fff;
  border: 1.5px solid #141414;
  border-radius: 10px;
  padding: 9px 18px;
  font-family: IBM Plex Mono, monospace;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: transform .2s, box-shadow .2s;
  box-shadow: 3px 3px #d9cff5;
}

.sky-topbar-cta:hover {
  transform: translateY(-2px);
  box-shadow: 5px 5px #d9cff5;
}

.sky-hero {
  background-color: #0000;
  background-image: none;
  justify-content: center;
  align-items: center;
  min-height: 640px;
  padding: 110px 48px 170px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.sky-cloud {
  filter: blur(28px);
  background-color: #ffffffbf;
  border-radius: 999px;
  display: none;
  position: absolute;
}

.sky-cloud-1 {
  width: 520px;
  height: 180px;
  top: 60px;
  left: -80px;
}

.sky-cloud-2 {
  background-color: #fff9;
  width: 640px;
  height: 220px;
  top: 180px;
  right: -120px;
}

.sky-cloud-3 {
  background-color: #ffffffd9;
  width: 480px;
  height: 160px;
  bottom: 40px;
  left: 20%;
}

.sky-cloud-4 {
  background-color: #ffffff8c;
  width: 380px;
  height: 140px;
  top: -40px;
  right: 18%;
}

.sky-cloud-5 {
  background-color: #ffffffe6;
  width: 900px;
  height: 220px;
  bottom: -120px;
  left: 10%;
}

.sky-title-wrap {
  z-index: 5;
  flex-direction: column;
  align-items: center;
  margin-top: 40px;
  display: flex;
  position: relative;
}

.sky-title {
  color: #141414;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Archivo;
  font-size: 200px;
  font-weight: 900;
  line-height: .85;
}

.sky-title-script {
  z-index: 2;
  color: #141414;
  letter-spacing: -.03em;
  text-transform: lowercase;
  margin-top: -10px;
  margin-left: 370px;
  font-family: Instrument Serif, serif;
  font-size: 128px;
  font-style: italic;
  line-height: .85;
  position: relative;
}

.sky-bubble-row {
  align-items: center;
  margin-top: 18px;
  margin-left: 200px;
  display: none;
  position: relative;
}

.sky-bubble {
  letter-spacing: .01em;
  text-transform: uppercase;
  background-color: #fbfaf2;
  border-radius: 999px 999px 999px 8px;
  padding: 16px 30px;
  font-family: Archivo;
  font-size: 17px;
  font-weight: 700;
  box-shadow: 0 10px 30px #1e3c782e;
}

.sky-cursor {
  width: 26px;
  height: 34px;
  position: absolute;
  bottom: -26px;
  right: -22px;
}

.sky-win {
  z-index: 4;
  background-color: #fbfaf2;
  border-radius: 16px;
  padding: 10px;
  display: none;
  position: absolute;
  box-shadow: 0 20px 50px #14326438;
}

.sky-win-l {
  width: 250px;
  top: 24px;
  left: 4%;
  transform: rotate(-3deg);
}

.sky-win-r {
  width: 250px;
  bottom: 130px;
  right: 4%;
  transform: rotate(3deg);
}

.sky-dots {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  padding: 4px 6px 10px;
  display: flex;
}

.sky-dot {
  background-color: #0000;
  border: 1.5px solid #141414;
  border-radius: 999px;
  width: 9px;
  height: 9px;
  display: block;
}

.sky-code {
  color: #d6c8ff;
  background-color: #1f1b33;
  border-radius: 10px;
  padding: 18px;
  font-family: Inter;
  font-size: 13px;
  line-height: 1.8;
}

.sky-code-val {
  color: #d8f27a;
}

.sky-mock {
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
}

.sky-mock-hero {
  background-image: linear-gradient(135deg, #d6c8ff 0%, #ffc4dc 100%);
  align-items: flex-end;
  height: 110px;
  padding: 12px;
  display: flex;
}

.sky-mock-pill {
  text-transform: uppercase;
  background-color: #fff;
  border-radius: 999px;
  padding: 5px 12px;
  font-family: Archivo;
  font-size: 11px;
  font-weight: 700;
}

.sky-mock-lines {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  padding: 14px;
  display: flex;
}

.sky-mock-line {
  background-color: #ece8f8;
  border-radius: 999px;
  height: 8px;
}

.sky-mock-line-s {
  width: 60%;
}

.sky-mock-line-m {
  width: 85%;
}

.sky-fpos {
  z-index: 3;
  display: none;
  position: absolute;
}

.sky-fp-1 {
  bottom: 170px;
  left: 4%;
}

.sky-fp-2 {
  bottom: 230px;
  left: 17%;
}

.sky-fp-3 {
  top: 36px;
  right: 30%;
}

.sky-fp-4 {
  top: 84px;
  right: 17%;
}

.sky-fp-5 {
  top: 56px;
  left: 30%;
}

.sky-folder {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-direction: column;
  align-items: center;
  width: 96px;
  display: flex;
}

.sky-folder-shape {
  flex-direction: column;
  width: 84px;
  display: flex;
}

.sky-folder-tab {
  border-radius: 6px 8px 0 0;
  width: 36px;
  height: 10px;
}

.sky-folder-body {
  background-image: linear-gradient(#ffffff73 0%, #fff0 60%);
  border-radius: 0 8px 8px;
  height: 60px;
  box-shadow: 0 8px 18px #1432642e;
}

.sky-fc-blue {
  background-color: #8ec5f5;
}

.sky-fc-pink {
  background-color: #ffa6c9;
}

.sky-fc-peach {
  background-color: #ffb37a;
}

.sky-fc-lime {
  background-color: #d8f27a;
}

.sky-fc-lilac {
  background-color: #c3b1ff;
}

.sky-folder-label {
  color: #141414;
  background-color: #fffc;
  border-radius: 4px;
  padding: 2px 8px;
  font-family: Inter;
  font-size: 11px;
  font-weight: 600;
}

.sky-band {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #d6c8ff;
  grid-template-rows: auto;
  grid-template-columns: 1.3fr 1fr 1fr 1fr;
  align-items: center;
  padding: 36px 48px;
  display: grid;
}

.sky-band-contact {
  text-transform: uppercase;
  font-family: Archivo;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
}

.sky-band-item {
  text-align: center;
}

.sky-band-big {
  letter-spacing: -.04em;
  font-family: Archivo;
  font-size: 40px;
  font-weight: 900;
  line-height: 1;
}

.sky-band-small {
  margin-top: 6px;
  font-size: 15px;
  line-height: 1.3;
}

.sky-about {
  background-color: #faf9f5;
  border-top: 1.5px solid #141414;
  border-top-left-radius: 32px;
  border-top-right-radius: 32px;
  padding: 120px 48px;
  position: relative;
}

.sky-about-grid {
  grid-row-gap: 48px;
  grid-column-gap: clamp(32px, 5vw, 72px);
  grid-template-rows: auto;
  grid-template-columns: auto minmax(240px, 300px) minmax(280px, 460px);
  justify-content: center;
  align-items: center;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.sky-h2-wrap {
  flex-direction: column;
  display: flex;
  position: relative;
}

.sky-h2 {
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Archivo;
  font-size: 96px;
  font-weight: 800;
  line-height: .9;
}

.sky-h2-script {
  color: #141414;
  letter-spacing: -.03em;
  margin-top: -6px;
  margin-left: 64px;
  font-family: Instrument Serif, serif;
  font-size: 112px;
  font-style: italic;
  line-height: .85;
}

.sky-mini-folder {
  display: none;
  position: absolute;
}

.sky-mf-a {
  bottom: -90px;
  left: 0;
}

.sky-mf-b {
  top: -70px;
  right: 10px;
}

.sky-frame {
  border: 1.5px solid #141414;
  padding: 10px;
  position: relative;
}

.sky-handle {
  background-color: #fff;
  border: 1.5px solid #141414;
  width: 10px;
  height: 10px;
  position: absolute;
}

.sky-h-tl {
  top: -6px;
  left: -6px;
}

.sky-h-tr {
  top: -6px;
  right: -6px;
}

.sky-h-bl {
  bottom: -6px;
  left: -6px;
}

.sky-h-br {
  bottom: -6px;
  right: -6px;
}

.sky-h-tm {
  margin-left: -5px;
  top: -6px;
  left: 50%;
}

.sky-h-bm {
  margin-left: -5px;
  bottom: -6px;
  left: 50%;
}

.sky-frame-size {
  color: #fff;
  white-space: nowrap;
  background-color: #141414;
  border-radius: 4px;
  padding: 3px 8px;
  font-family: IBM Plex Mono, monospace;
  font-size: 11px;
  font-weight: 600;
  position: absolute;
  bottom: -34px;
  left: 50%;
  transform: translateX(-50%);
}

.sky-frame-inner {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #ece8f6;
  background-image: linear-gradient(#1414140d 1px, #0000 1px), linear-gradient(90deg, #1414140d 1px, #0000 1px);
  background-size: 22px 22px;
  border-radius: 14px;
  flex-direction: column;
  justify-content: center;
  min-height: 340px;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.sky-chat {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  width: fit-content;
  box-shadow: none;
  background-color: #fff;
  border: 1.5px solid #141414;
  border-radius: 999px 999px 999px 6px;
  align-items: center;
  padding: 12px 18px;
  font-family: IBM Plex Mono, monospace;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}

.sky-chat-r {
  border-radius: 999px 999px 6px;
  margin-left: auto;
}

.sky-plus {
  color: #fff;
  background-color: #141414;
  border-radius: 999px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-size: 13px;
  line-height: 1;
  display: flex;
}

.sky-about-text {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.sky-hi {
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Archivo;
  font-size: 44px;
  font-weight: 700;
  line-height: 1;
}

.sky-p {
  color: #3b3b3b;
  margin-top: 0;
  margin-bottom: 18px;
  font-family: IBM Plex Mono, monospace;
  font-size: 15px;
  line-height: 1.75;
}

.sky-p-small {
  color: #6a6a6a;
  margin-top: 0;
  margin-bottom: 26px;
  font-family: IBM Plex Mono, monospace;
  font-size: 13px;
  line-height: 1.7;
}

.sky-btn {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #141414;
  letter-spacing: .02em;
  text-transform: none;
  background-color: #fff;
  border: 1.5px solid #141414;
  border-radius: 10px;
  align-items: center;
  padding: 14px 26px;
  font-family: IBM Plex Mono, monospace;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  transition: transform .2s, box-shadow .2s;
  display: flex;
  box-shadow: 3px 3px #141414;
}

.sky-btn:hover {
  transform: translate(-2px, -2px);
  box-shadow: 5px 5px #141414;
}

.sky-btn.sky-btn-dark {
  color: #f4f2ec;
  background-color: #141414;
  box-shadow: 3px 3px #d9cff5;
}

.sky-btn-dark {
  color: #fbfaf2;
  background-color: #141414;
  box-shadow: 3px 3px #d9cff5;
}

.sky-services {
  background-color: #f4f2ec;
  background-image: none;
  border-top: 1.5px solid #141414;
  border-top-left-radius: 32px;
  border-top-right-radius: 32px;
  margin-top: -32px;
  padding: 120px 48px 140px;
  position: relative;
  overflow: hidden;
}

.sky-services-grid {
  z-index: 3;
  grid-column-gap: 56px;
  grid-row-gap: 44px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  align-items: start;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.sky-h2-light {
  color: #141414;
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Archivo;
  font-size: 104px;
  font-weight: 800;
  line-height: .9;
}

.sky-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  box-shadow: none;
  background-color: #0000;
  border-radius: 22px;
  grid-template-columns: 1fr 1fr;
  padding: 0;
  display: grid;
}

.sky-card-bar {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #e9e6d6;
  border-radius: 12px 12px 0 0;
  margin: -14px -14px 10px;
  padding: 14px 10px 14px 20px;
  display: none;
}

.sky-svc {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  border: 1.5px solid #141414;
  border-radius: 14px;
  margin-bottom: 0;
  padding: 24px 26px;
  transition: background-color .2s;
  display: flex;
}

.sky-svc:hover {
  background-color: #f6f3fd;
}

.sky-svc-last {
  border-bottom-width: 1.5px;
  margin-bottom: 0;
}

.sky-svc-plus {
  color: #141414;
  background-color: #e4dcf7;
  border: 1.5px solid #141414;
  border-radius: 999px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  margin-top: 2px;
  font-size: 16px;
  display: flex;
}

.sky-svc-title {
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 6px;
  font-family: Archivo;
  font-size: 22px;
  font-weight: 700;
}

.sky-svc-text {
  color: #4a4a4a;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: IBM Plex Mono, monospace;
  font-size: 14px;
  line-height: 1.7;
}

.sky-chips {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-wrap: wrap;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.sky-chip {
  background-color: #f4f2ec;
  border: 1px solid #1414141f;
  border-radius: 999px;
  padding: 4px 10px;
  font-family: IBM Plex Mono, monospace;
  font-size: 12px;
  font-weight: 400;
}

.sky-sfp-1 {
  bottom: 90px;
  left: 6%;
}

.sky-sfp-2 {
  top: 70px;
  left: 38%;
}

.sky-sfp-3 {
  bottom: 60px;
  right: 4%;
}

.sky-work {
  background-color: #faf9f5;
  background-image: linear-gradient(#1414140f 1px, #0000 1px), linear-gradient(90deg, #1414140f 1px, #0000 1px);
  background-size: 40px 40px;
  border-top: 1.5px solid #141414;
  border-top-left-radius: 32px;
  border-top-right-radius: 32px;
  margin-top: -32px;
  padding: 120px 48px 130px;
  position: relative;
}

.sky-work-head {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  max-width: 1200px;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.sky-work-label {
  text-transform: none;
  letter-spacing: 0;
  padding-bottom: 16px;
  font-family: IBM Plex Mono, monospace;
  font-size: 14px;
  font-weight: 500;
}

.sky-work-grid {
  grid-column-gap: 32px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.sky-proj {
  color: #141414;
  flex-direction: column;
  text-decoration: none;
  transition: transform .3s cubic-bezier(.2, .8, .2, 1);
  display: flex;
}

.sky-proj:hover {
  transform: translateY(-8px)rotate(-1deg);
}

.sky-ptabs {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-wrap: nowrap;
  padding-left: 16px;
  display: flex;
}

.sky-ptab {
  opacity: 1;
  text-transform: none;
  letter-spacing: 0;
  border-top: 1.5px solid #141414;
  border-left: 1.5px solid #141414;
  border-right: 1.5px solid #141414;
  border-radius: 10px 10px 0 0;
  margin-bottom: -1.5px;
  padding: 8px 14px 6px;
  font-family: IBM Plex Mono, monospace;
  font-size: 12px;
  font-weight: 500;
}

.sky-pbody {
  box-shadow: none;
  border: 1.5px solid #141414;
  border-radius: 16px;
  padding: 14px;
}

.sky-pshot {
  background-color: #fbfaf2;
  border: 1.5px solid #141414;
  border-radius: 12px;
  padding: 8px;
}

.sky-pshot-dots {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  padding: 2px 4px 8px;
  display: flex;
}

.sky-pdot {
  background-color: #141414;
  border-radius: 999px;
  width: 6px;
  height: 6px;
  display: block;
}

.sky-pscreen {
  color: #1414148c;
  background-color: #f4f2ec;
  background-image: linear-gradient(#1414140d 1px, #0000 1px), linear-gradient(90deg, #1414140d 1px, #0000 1px);
  background-size: 18px 18px;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 190px;
  font-family: IBM Plex Mono, monospace;
  font-size: 12px;
  font-weight: 600;
  display: flex;
  position: relative;
  overflow: hidden;
}

.sky-ptitle {
  letter-spacing: -.03em;
  margin-top: 16px;
  margin-bottom: 4px;
  padding-left: 6px;
  padding-right: 6px;
  font-family: Archivo;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.05;
}

.sky-pmeta {
  opacity: .75;
  padding-bottom: 4px;
  padding-left: 6px;
  padding-right: 6px;
  font-family: IBM Plex Mono, monospace;
  font-size: 13px;
}

.sky-pc-blue {
  background-color: #fff;
}

.sky-pc-blue-d {
  background-color: #e3edf7;
}

.sky-pc-lilac {
  background-color: #fff;
}

.sky-pc-lilac-d {
  background-color: #ece6fb;
}

.sky-pc-pink {
  background-color: #fff;
}

.sky-pc-pink-d {
  background-color: #f8e4ec;
}

.sky-pc-peach {
  background-color: #fff;
}

.sky-pc-peach-d {
  background-color: #f6eadd;
}

.sky-pc-lime {
  background-color: #fff;
}

.sky-pc-lime-d {
  background-color: #eef5da;
}

.sky-work-more {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  background-color: #fff9;
  border: 1.5px dashed #141414;
  border-radius: 18px;
  flex-direction: column;
  grid-column: 3 / 4;
  justify-content: center;
  align-items: flex-start;
  padding: 32px;
  display: flex;
}

.sky-work-more-title {
  color: #141414;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Instrument Serif, serif;
  font-size: 58px;
  font-style: italic;
  line-height: 1;
}

.sky-work-more-text {
  color: #4a4a4a;
  margin-top: 0;
  margin-bottom: 0;
  font-family: IBM Plex Mono, monospace;
  font-size: 14px;
  line-height: 1.6;
}

.sky-cta {
  background-color: #f4f2ec;
  border-top: 1.5px solid #141414;
  border-top-left-radius: 32px;
  border-top-right-radius: 32px;
  margin-top: -32px;
  padding: 130px 48px 120px;
  position: relative;
  overflow: hidden;
}

.sky-cta-grid {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: 1.1fr 1fr;
  align-items: center;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.sky-cta-title {
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Archivo;
  font-size: 120px;
  font-weight: 800;
  line-height: .88;
}

.sky-cta-script {
  color: #141414;
  letter-spacing: -.03em;
  margin-top: -4px;
  margin-bottom: 2px;
  margin-left: 120px;
  font-family: Instrument Serif, serif;
  font-size: 136px;
  font-style: italic;
  line-height: .8;
}

.sky-cta-win {
  box-shadow: none;
  background-color: #fff;
  border: 1.5px solid #141414;
  border-radius: 18px;
  padding: 10px;
}

.sky-cta-inner {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  background-color: #ece8f6;
  background-image: none;
  border-radius: 12px;
  flex-direction: column;
  align-items: flex-start;
  padding: 36px 32px;
  display: flex;
}

.sky-cta-q {
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Archivo;
  font-size: 36px;
  font-weight: 800;
  line-height: 1;
}

.sky-cta-text {
  color: #2f2a45;
  margin-top: 0;
  margin-bottom: 6px;
  font-family: IBM Plex Mono, monospace;
  font-size: 14px;
  line-height: 1.7;
}

.sky-cta-cursor {
  width: 26px;
  height: 34px;
  position: absolute;
  bottom: 22px;
  right: 28px;
}

.sky-rel {
  position: relative;
}

.sky-cfp-1 {
  top: 60px;
  right: 6%;
}

.sky-cfp-2 {
  bottom: 50px;
  left: 4%;
}

.sky-footer {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: #f4f2ec;
  letter-spacing: .02em;
  text-transform: none;
  background-color: #141414;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 28px 48px;
  font-family: IBM Plex Mono, monospace;
  font-size: 13px;
  font-weight: 400;
  display: flex;
}

.sky-footer-link {
  opacity: .8;
  color: #f4f2ec;
  text-decoration: none;
  transition: opacity .2s;
}

.sky-footer-link:hover {
  opacity: 1;
}

.sky-footer-links {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  display: flex;
}

.sky-mq {
  z-index: 6;
  background-image: linear-gradient(#b9d9f600 0%, #dbeaf7 30%, #fbfaf2 100%);
  margin-top: -40px;
  padding-top: 44px;
  padding-bottom: 56px;
  position: relative;
  overflow: hidden;
}

.sky-mq-strip {
  width: 110%;
  margin-left: -5%;
  position: relative;
  overflow: hidden;
}

.sky-mq-strip-a {
  z-index: 2;
  background-color: #d6c8ff;
  padding-top: 18px;
  padding-bottom: 18px;
  transform: rotate(-2deg);
  box-shadow: 0 14px 40px #6e50d238;
}

.sky-mq-strip-b {
  z-index: 1;
  background-color: #fbfaf2;
  border-top: 1px solid #14141414;
  border-bottom: 1px solid #14141414;
  margin-top: 14px;
  padding-top: 14px;
  padding-bottom: 14px;
  transform: rotate(1.6deg);
  box-shadow: 0 10px 30px #1432641a;
}

.sky-mq-track {
  width: max-content;
  display: flex;
}

.sky-mq-group {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-shrink: 0;
  align-items: center;
  padding-right: 36px;
  display: flex;
}

.sky-mq-big {
  color: #141414;
  letter-spacing: -.045em;
  white-space: nowrap;
  font-family: Archivo;
  font-size: 64px;
  font-weight: 900;
  line-height: 1;
}

.sky-mq-outline {
  color: #fbfaf2;
  text-shadow: 2px 2px #141414, -2px -2px #141414, 2px -2px #141414, -2px 2px #141414, 0 2px #141414, 0 -2px #141414, 2px 0 #141414, -2px 0 #141414;
}

.sky-mq-script {
  color: #141414;
  letter-spacing: -.02em;
  white-space: nowrap;
  padding-top: 0;
  font-family: Instrument Serif, serif;
  font-size: 62px;
  font-style: italic;
  line-height: 1;
}

.sky-mq-star {
  color: #141414;
  font-size: 28px;
}

.sky-mq-folder {
  flex-direction: column;
  flex-shrink: 0;
  width: 58px;
  transition: transform .3s cubic-bezier(.3, 1.6, .5, 1);
  display: inline-flex;
}

.sky-mq-folder:hover {
  transform: rotate(-10deg)scale(1.2);
}

.sky-mq-ftab {
  border-radius: 5px 6px 0 0;
  width: 24px;
  height: 8px;
  display: block;
}

.sky-mq-fbody {
  background-image: linear-gradient(#ffffff80 0%, #fff0 60%);
  border-radius: 0 7px 7px;
  height: 42px;
  display: block;
  box-shadow: 0 6px 14px #281e6433;
}

.sky-mq-pill {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #fbfaf2;
  border-radius: 999px 999px 999px 6px;
  align-items: center;
  padding: 12px 14px 12px 22px;
  font-family: Archivo;
  font-size: 16px;
  font-weight: 700;
  display: inline-flex;
  box-shadow: 0 8px 20px #281e642e;
}

.sky-mq-cursor {
  width: 26px;
  height: 34px;
  margin-bottom: -14px;
  display: inline-block;
}

.sky-mq-chip {
  color: #141414;
  white-space: nowrap;
  border-radius: 999px;
  padding: 10px 20px;
  font-family: Inter;
  font-size: 17px;
  font-weight: 600;
  transition: transform .2s;
}

.sky-mq-chip:hover {
  transform: translateY(-3px)rotate(-3deg);
}

.sky-mq-c-blue {
  background-color: #cfe5fb;
}

.sky-mq-c-pink {
  background-color: #ffd6e7;
}

.sky-mq-c-peach {
  background-color: #ffe0c7;
}

.sky-mq-c-lime {
  background-color: #ecf8bd;
}

.sky-mq-c-lilac {
  background-color: #e6ddff;
}

.sky-mq-dot {
  color: #8b77e8;
  font-size: 10px;
}

.sky-fx {
  background-color: #e9f0dc;
  background-image: none;
  border-top: 1.5px solid #141414;
  border-top-left-radius: 32px;
  border-top-right-radius: 32px;
  margin-top: -32px;
  padding: 120px 48px 130px;
  position: relative;
  overflow: hidden;
}

.sky-fx-head {
  z-index: 3;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  max-width: 1200px;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.sky-fx-intro {
  max-width: 400px;
  padding-bottom: 12px;
}

.sky-fx-hint {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  box-shadow: none;
  text-transform: none;
  letter-spacing: 0;
  background-color: #fbfaf2;
  border: 1.5px solid #141414;
  border-radius: 999px;
  align-items: center;
  padding: 8px 16px;
  font-family: IBM Plex Mono, monospace;
  font-size: 13px;
  font-weight: 500;
  display: inline-flex;
}

.sky-fx-hint-dot {
  background-color: #ff5ca8;
  border-radius: 999px;
  width: 8px;
  height: 8px;
  display: block;
}

.sky-fx-grid {
  z-index: 3;
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.sky-fx-card {
  box-shadow: none;
  background-color: #fff;
  border: 1.5px solid #141414;
  border-radius: 20px;
  flex-direction: column;
  padding: 12px 12px 22px;
  transition: transform .3s cubic-bezier(.2, .8, .2, 1), box-shadow .3s;
  display: flex;
}

.sky-fx-card:hover {
  transform: translate(-3px, -3px);
  box-shadow: 5px 5px #141414;
}

.sky-fx-bar {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  align-items: center;
  padding: 4px 8px 12px;
  display: flex;
}

.sky-fx-file {
  border-radius: 999px;
  margin-left: auto;
  padding: 3px 10px;
  font-family: IBM Plex Mono, monospace;
  font-size: 12px;
  font-weight: 600;
}

.sky-fx-phone {
  background-color: #141414;
  border-radius: 38px;
  align-self: center;
  width: 78%;
  padding: 9px;
  box-shadow: 0 18px 36px #14142847;
}

.sky-fx-video {
  aspect-ratio: 333 / 720;
  object-fit: cover;
  background-color: #2a2540;
  border-radius: 30px;
  width: 100%;
  display: block;
}

.sky-fx-title {
  letter-spacing: -.03em;
  margin-top: 22px;
  margin-bottom: 6px;
  padding-left: 12px;
  padding-right: 12px;
  font-family: Archivo;
  font-size: 24px;
  font-weight: 800;
}

.sky-fx-text {
  color: #4a4a4a;
  margin-top: 0;
  margin-bottom: 18px;
  padding-left: 12px;
  padding-right: 12px;
  font-family: IBM Plex Mono, monospace;
  font-size: 13px;
  line-height: 1.55;
}

.sky-fx-actions {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.sky-fx-btn {
  box-shadow: none;
  color: #fbfaf2;
  letter-spacing: .02em;
  text-transform: none;
  background-color: #141414;
  border-radius: 10px;
  align-items: center;
  padding: 13px 20px;
  font-family: IBM Plex Mono, monospace;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: transform .2s, background-color .2s;
  display: inline-flex;
}

.sky-fx-btn:hover {
  background-color: #3a3a3a;
  transform: translateY(-2px);
}

.sky-fx-qr-wrap {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  align-items: center;
  display: none;
}

.sky-fx-qr {
  background-color: #fff;
  border-radius: 8px;
  width: 64px;
  height: 64px;
  padding: 4px;
}

.sky-fx-qr-label {
  color: #6a6a6a;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 600;
}

.sky-logo-hero {
  z-index: 1;
  color: #141414;
  width: 720px;
  max-width: 92vw;
  position: relative;
}

.sky-logo-nav {
  color: #141414;
  width: 112px;
}

.sky-sr {
  white-space: nowrap;
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin-top: 0;
  margin-bottom: 0;
  position: absolute;
  overflow: hidden;
}

.sky-brand-block {
  align-items: center;
  transition: transform .25s;
  display: flex;
}

.sky-brand-block:hover {
  transform: rotate(-3deg)scale(1.04);
}

.sky-wave {
  z-index: 6;
  margin-top: -150px;
  margin-bottom: -20px;
  position: relative;
  overflow: hidden;
}

.sky-wave-embed {
  width: 100%;
}

.cl-hero-copy {
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 760px;
  margin-top: 44px;
  display: flex;
}

.cl-hero-head {
  color: #141414;
  letter-spacing: -.035em;
  margin-top: 0;
  margin-bottom: 44px;
  font-family: Archivo;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.12;
}

.cl-serif {
  letter-spacing: -.01em;
  font-family: Instrument Serif;
  font-size: 1.12em;
  font-style: italic;
  font-weight: 400;
}

.cl-hl {
  white-space: nowrap;
  background-color: #e4dcf7;
  border-radius: 4px;
  padding-left: 6px;
  padding-right: 6px;
}

.cl-mono {
  color: #3b3b3b;
  max-width: 520px;
  margin-top: 0;
  margin-bottom: 30px;
  font-family: IBM Plex Mono;
  font-size: 16px;
  line-height: 1.7;
}

.cl-btns {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.cl-btn {
  color: #141414;
  background-color: #fff;
  border: 1.5px solid #141414;
  border-radius: 10px;
  padding: 13px 22px;
  font-family: IBM Plex Mono;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  transition: transform .2s, box-shadow .2s;
  box-shadow: 3px 3px #141414;
}

.cl-btn:hover {
  transform: translate(-2px, -2px);
  box-shadow: 5px 5px #141414;
}

.cl-btn-dark {
  color: #f4f2ec;
  background-color: #141414;
  box-shadow: 3px 3px #d9cff5;
}

.cl-btn-dark:hover {
  box-shadow: 5px 5px #d9cff5;
}

.sky-photo-slot {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  text-align: center;
  background-color: #ffffff8c;
  border: 1.5px dashed #14141466;
  border-radius: 10px;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 340px;
  padding: 24px;
  display: flex;
}

.sky-photo-icon {
  background-color: #fff;
  border: 1.5px solid #141414;
  border-radius: 8px;
  width: 46px;
  height: 38px;
  position: relative;
}

.sky-photo-title {
  color: #141414;
  font-family: Instrument Serif;
  font-size: 30px;
  font-style: italic;
  line-height: 1;
}

.sky-photo-note {
  color: #6a6a6a;
  max-width: 220px;
  font-family: IBM Plex Mono;
  font-size: 12px;
  line-height: 1.5;
}

.sky-photo {
  pointer-events: none;
  object-fit: cover;
  object-position: 50% 30%;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 0;
  flex-grow: 1;
  width: 100%;
  height: 100%;
  min-height: 240px;
  display: block;
}

.hx-layer {
  z-index: 6;
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.hx-drag {
  pointer-events: auto;
  color: #141414;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  touch-action: none;
  background-color: #fff;
  border: 1.5px solid #141414;
  border-radius: 999px;
  padding: 10px 18px;
  font-family: IBM Plex Mono;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
  position: absolute;
  box-shadow: 3px 3px #141414;
}

.hx-drag.hx-p1, .hx-dark {
  color: #f4f2ec;
  background-color: #141414;
  box-shadow: 3px 3px #d9cff5;
}

.hx-lilac {
  background-color: #e4dcf7;
}

.hx-green {
  background-color: #e9f0dc;
}

.hx-p1 {
  top: 150px;
  left: 5%;
  transform: rotate(-6deg);
}

.hx-p2 {
  top: 360px;
  left: 9%;
  transform: rotate(4deg);
}

.hx-p3 {
  top: 130px;
  right: 5%;
  transform: rotate(5deg);
}

.hx-p4 {
  top: 390px;
  right: 8%;
  transform: rotate(-4deg);
}

.hx-p5 {
  top: 520px;
  left: 15%;
  transform: rotate(-3deg);
}

.hx-xy {
  opacity: 0;
  pointer-events: none;
  color: #fff;
  white-space: nowrap;
  background-color: #6b4fe0;
  border-radius: 4px;
  margin-top: 12px;
  padding: 2px 6px;
  font-family: IBM Plex Mono;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.4;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.hx-hint {
  pointer-events: none;
  color: #141414;
  white-space: nowrap;
  font-family: Instrument Serif;
  font-size: 22px;
  font-style: italic;
  position: absolute;
  top: 214px;
  left: 6%;
  transform: rotate(-4deg);
}

.wc-form-wrap {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.wc-form, .wc-form._w-form {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.wc-form-row {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.wc-field {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.wc-label {
  color: #2f2a45;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: IBM Plex Mono;
  font-size: 12px;
  font-weight: 500;
}

.wc-input {
  color: #141414;
  background-color: #fff;
  border: 1.5px solid #141414;
  border-radius: 10px;
  width: 100%;
  height: 46px;
  margin-bottom: 0;
  padding: 10px 14px;
  font-family: IBM Plex Mono;
  font-size: 14px;
  transition: box-shadow .2s, border-color .2s;
}

.wc-input:focus {
  border-color: #6b4fe0;
  box-shadow: 3px 3px #6b4fe0;
}

.wc-input._w-select {
  color: #141414;
  background-color: #fff;
  border: 1.5px solid #141414;
  border-radius: 10px;
  width: 100%;
  height: 46px;
  margin-bottom: 0;
  padding: 10px 14px;
  font-family: IBM Plex Mono;
  font-size: 14px;
  transition: box-shadow .2s, border-color .2s;
}

.wc-input._w-select:focus {
  border-color: #6b4fe0;
  box-shadow: 3px 3px #6b4fe0;
}

.wc-input._w-input {
  color: #141414;
  background-color: #fff;
  border: 1.5px solid #141414;
  border-radius: 10px;
  width: 100%;
  height: 46px;
  margin-bottom: 0;
  padding: 10px 14px;
  font-family: IBM Plex Mono;
  font-size: 14px;
  transition: box-shadow .2s, border-color .2s;
}

.wc-input._w-input:focus {
  border-color: #6b4fe0;
  box-shadow: 3px 3px #6b4fe0;
}

.wc-textarea {
  resize: vertical;
  height: auto;
  min-height: 110px;
}

.wc-submit {
  color: #f4f2ec;
  letter-spacing: .02em;
  background-color: #141414;
  border: 1.5px solid #141414;
  border-radius: 10px;
  align-self: flex-start;
  padding: 14px 26px;
  font-family: IBM Plex Mono;
  font-size: 15px;
  font-weight: 500;
  transition: transform .2s, box-shadow .2s;
  box-shadow: 3px 3px #d9cff5;
}

.wc-submit:hover {
  transform: translate(-2px, -2px);
  box-shadow: 5px 5px #6b4fe0;
}

.wc-submit._w-button {
  color: #f4f2ec;
  letter-spacing: .02em;
  background-color: #141414;
  border: 1.5px solid #141414;
  border-radius: 10px;
  align-self: flex-start;
  padding: 14px 26px;
  font-family: IBM Plex Mono;
  font-size: 15px;
  font-weight: 500;
  transition: transform .2s, box-shadow .2s;
  box-shadow: 3px 3px #d9cff5;
}

.wc-submit._w-button:hover {
  transform: translate(-2px, -2px);
  box-shadow: 5px 5px #6b4fe0;
}

.wc-form-done {
  text-align: left;
  background-color: #fff;
  border: 1.5px dashed #141414;
  border-radius: 10px;
  padding: 24px;
}

.wc-done-title {
  color: #141414;
  margin-bottom: 6px;
  font-family: Archivo;
  font-size: 22px;
  font-weight: 700;
}

.wc-done-text {
  color: #2f2a45;
  font-family: IBM Plex Mono;
  font-size: 14px;
  line-height: 1.6;
}

.wc-form-fail {
  color: #141414;
  background-color: #e4dcf7;
  border: 1.5px solid #141414;
  border-radius: 10px;
  margin-top: 12px;
  padding: 12px 14px;
  font-family: IBM Plex Mono;
  font-size: 13px;
}

._w-input-parent._w-input {
  color: #141414;
  background-color: #fff;
  border: 1.5px solid #141414;
  border-radius: 10px;
  width: 100%;
  height: 46px;
  margin-bottom: 0;
  padding: 10px 14px;
  font-family: IBM Plex Mono;
  font-size: 14px;
  transition: box-shadow .2s, border-color .2s;
}

._w-input-parent._w-input:focus {
  border-color: #6b4fe0;
  box-shadow: 3px 3px #6b4fe0;
}

.sky-pimg {
  object-fit: cover;
  object-position: 50% 0%;
  width: 100%;
  max-width: none;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.wc-ab-wrap {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.wc-ab-toggle {
  color: #141414;
  text-underline-offset: 4px;
  cursor: pointer;
  margin-top: 16px;
  padding-top: 6px;
  padding-bottom: 6px;
  font-family: IBM Plex Mono;
  font-size: 14px;
  text-decoration: underline;
  display: inline-flex;
}

.wc-ab-more {
  background-color: #fff;
  border: 1.5px solid #141414;
  border-radius: 14px;
  width: 100%;
  margin-top: 18px;
  padding: 22px 24px 14px;
  display: none;
  box-shadow: 4px 4px #141414;
}

.wc-ab-lead {
  color: #141414;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Archivo;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.1;
}

.wc-ab-p {
  color: #141414;
  margin-top: 0;
  margin-bottom: 12px;
  font-family: Inter;
  font-size: 15px;
  line-height: 1.6;
}

.wc-ab-badge {
  color: #141414;
  cursor: default;
  background-color: #e4dcf7;
  border: 1.5px solid #141414;
  border-radius: 999px;
  margin-top: 4px;
  margin-bottom: 20px;
  padding: 6px 12px;
  font-family: IBM Plex Mono;
  font-size: 12px;
  transition: transform .25s cubic-bezier(.3, 1.6, .5, 1), box-shadow .2s, background-color .2s;
  display: inline-block;
  transform: rotate(-1.5deg);
  box-shadow: 2px 2px #141414;
}

.wc-ab-badge:hover {
  background-color: #d9cff5;
  transform: translateY(-3px)rotate(-3.5deg);
  box-shadow: 3px 4px #141414;
}

.wc-ab-group {
  grid-row-gap: 6px;
  flex-direction: column;
  margin-bottom: 12px;
  display: flex;
}

.wc-ab-label {
  color: #6a6a6a;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-family: IBM Plex Mono;
  font-size: 11px;
}

.wc-ab-chips {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-wrap: wrap;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.wc-ab-chip {
  color: #141414;
  background-color: #f4f2ec;
  border: 1px solid #1414141f;
  border-radius: 999px;
  padding: 4px 10px;
  font-family: IBM Plex Mono;
  font-size: 12px;
}

.wc-win {
  background-color: #fff;
  border: 1.5px solid #141414;
  border-radius: 12px;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.wc-win-bar {
  grid-column-gap: 7px;
  background-color: #f4f2ec;
  border-bottom: 1.5px solid #141414;
  align-items: center;
  padding: 10px 12px;
  display: flex;
}

.wc-win-x {
  color: #0000;
  cursor: pointer;
  background-color: #f7a1c4;
  border: 1.5px solid #141414;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  font-family: IBM Plex Mono;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  display: flex;
}

.wc-win-x:hover {
  color: #141414;
}

.wc-win-x:focus-visible, .wc-win-x[data-wf-focus-visible] {
  outline-offset: 2px;
  color: #141414;
  outline: 2px solid #6b4fe0;
}

.wc-win-min {
  background-color: #ffd29a;
  border: 1.5px solid #141414;
  border-radius: 999px;
  width: 14px;
  height: 14px;
  display: block;
}

.wc-win-max {
  background-color: #c9ec8f;
  border: 1.5px solid #141414;
  border-radius: 999px;
  width: 14px;
  height: 14px;
  display: block;
}

.wc-win-title {
  color: #141414;
  margin-left: auto;
  font-family: IBM Plex Mono;
  font-size: 12px;
  font-weight: 600;
}

.wc-win-cap {
  background-color: #fff;
  border-top: 1.5px solid #141414;
  padding: 12px 16px 14px;
}

.wc-win-role {
  color: #141414;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 2px;
  font-family: Archivo;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.15;
}

.wc-win-name {
  color: #6a6a6a;
  margin-top: 0;
  margin-bottom: 0;
  font-family: IBM Plex Mono;
  font-size: 13px;
}

.wc-win-reopen {
  color: #141414;
  cursor: pointer;
  background-color: #fff;
  border: 1.5px solid #141414;
  border-radius: 10px;
  align-self: center;
  margin-top: auto;
  margin-bottom: auto;
  padding: 10px 16px;
  font-family: IBM Plex Mono;
  font-size: 13px;
  text-decoration: none;
  display: none;
  box-shadow: 3px 3px #141414;
}

.gallery__lottie {
  width: 150px;
  height: 150px;
  margin-bottom: 0;
}

.menu-lotti-icon {
  width: 36px;
  height: 36px;
  margin-bottom: -3px;
}

.fx-eye {
  pointer-events: none;
  width: 112px;
  height: 112px;
  position: absolute;
  bottom: -4px;
  right: 12px;
}

.wc-local {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #f4f2eca6;
  align-items: center;
  margin-right: auto;
  font-family: IBM Plex Mono;
  font-size: 12px;
  display: flex;
}

.wc-local-dot {
  background-color: #b9a6ff;
  border-radius: 50%;
  flex: none;
  width: 7px;
  height: 7px;
}

.wc-local-time {
  font-variant-numeric: tabular-nums;
}

.sky-head-intro {
  max-width: 400px;
  padding-bottom: 12px;
}

.sky-head-p {
  margin-top: 0;
  margin-bottom: 16px;
}

.sky-head-dot {
  background-color: #8b6ff0;
  border-radius: 999px;
  width: 8px;
  height: 8px;
  display: block;
}

.sky-svc-head {
  grid-column-gap: 40px;
  grid-row-gap: 32px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.sky-head-pill {
  display: inline-flex;
}

.wc-fit {
  grid-column-gap: 18px;
  grid-row-gap: 14px;
  background-color: #fff;
  border: 1.5px solid #141414;
  border-radius: 14px;
  flex-wrap: wrap;
  align-items: center;
  padding: 22px 26px;
  display: flex;
  box-shadow: 4px 4px #141414;
}

.wc-fit-label {
  color: #141414;
  letter-spacing: .02em;
  font-family: IBM Plex Mono, monospace;
  font-size: 14px;
  font-weight: 600;
}

.wc-fit-list {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.wc-fit-chip {
  color: #141414;
  background-color: #e4dcf7;
  border: 1.5px solid #141414;
  border-radius: 999px;
  padding: 7px 14px;
  font-family: IBM Plex Mono, monospace;
  font-size: 13px;
}

.wc-why {
  background-color: #e4dcf7;
  border-top: 1.5px solid #141414;
  border-top-left-radius: 32px;
  border-top-right-radius: 32px;
  margin-top: -32px;
  padding: 120px 48px 140px;
  position: relative;
}

.wc-inner {
  z-index: 3;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.wc-grid {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  display: grid;
}

.wc-card {
  background-color: #fff;
  border: 1.5px solid #141414;
  border-radius: 14px;
  padding: 26px;
  box-shadow: 4px 4px #141414;
}

.wc-num {
  color: #141414;
  background-color: #ecf8bd;
  border: 1.5px solid #141414;
  border-radius: 999px;
  margin-bottom: 18px;
  padding: 4px 10px;
  font-family: IBM Plex Mono, monospace;
  font-size: 12px;
  display: inline-block;
}

.wc-how {
  background-color: #e9f0dc;
  border-top: 1.5px solid #141414;
  border-top-left-radius: 32px;
  border-top-right-radius: 32px;
  margin-top: -32px;
  padding: 120px 48px 140px;
  position: relative;
}

.wc-grid3 {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.wc-step {
  color: #141414;
  background-color: #f8e4ec;
  border: 1.5px solid #141414;
  border-radius: 999px;
  margin-bottom: 18px;
  padding: 4px 10px;
  font-family: IBM Plex Mono, monospace;
  font-size: 12px;
  display: inline-block;
}

.wc-pp {
  background-color: #f4f2ec;
  padding: 140px 20px 96px;
}

.wc-pp-in {
  background-color: #fff;
  border: 1.5px solid #141414;
  border-radius: 18px;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 40px 44px;
  box-shadow: 6px 6px #141414;
}

.wc-pp-tag {
  color: #141414;
  background-color: #e4dcf7;
  border: 1.5px solid #141414;
  border-radius: 999px;
  margin-bottom: 18px;
  padding: 4px 12px;
  font-family: IBM Plex Mono;
  font-size: 12px;
  display: inline-block;
}

.wc-pp-h1 {
  color: #141414;
  margin-top: 0;
  margin-bottom: 8px;
  font-family: Archivo;
  font-size: 48px;
  font-weight: 900;
  line-height: 1.05;
}

.wc-pp-date {
  color: #14141499;
  margin-bottom: 24px;
  font-family: IBM Plex Mono;
  font-size: 13px;
}

.wc-pp-h2 {
  color: #141414;
  margin-top: 32px;
  margin-bottom: 10px;
  font-family: Archivo;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.2;
}

.wc-pp-p {
  color: #141414;
  margin-bottom: 12px;
  font-family: IBM Plex Mono;
  font-size: 15px;
  line-height: 1.7;
}

.wc-pp-ul {
  color: #141414;
  margin-bottom: 12px;
  padding-left: 22px;
  font-family: IBM Plex Mono;
  font-size: 15px;
  line-height: 1.7;
}

.wc-pp-li {
  margin-bottom: 6px;
}

.wc-pp-link {
  color: #6b4fe0;
  text-decoration: underline;
}

.wc-pp-back {
  color: #141414;
  background-color: #ecf8bd;
  border: 1.5px solid #141414;
  border-radius: 999px;
  margin-top: 32px;
  padding: 10px 18px;
  font-family: IBM Plex Mono;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  display: inline-block;
  box-shadow: 3px 3px #141414;
}

.wc-faq {
  background-color: #ffe0c7;
  border-top: 1.5px solid #141414;
  border-top-left-radius: 32px;
  border-top-right-radius: 32px;
  margin-top: -32px;
  padding: 120px 48px 140px;
  position: relative;
}

.wc-faq-list {
  grid-row-gap: 14px;
  width: 100%;
  max-width: 880px;
  display: grid;
}

.wc-faq-item {
  background-color: #fff;
  border: 1.5px solid #141414;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 4px 4px #141414;
}

.wc-faq-q {
  grid-column-gap: 16px;
  color: #141414;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding: 20px 20px 20px 24px;
  text-decoration: none;
  display: flex;
}

.wc-faq-qt {
  letter-spacing: -.01em;
  font-family: Archivo;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.3;
}

.wc-faq-plus {
  background-color: #ecf8bd;
  border: 1.5px solid #141414;
  border-radius: 999px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  font-family: IBM Plex Mono;
  font-size: 18px;
  line-height: 1;
  transition: transform .3s, background-color .2s;
  display: flex;
}

.wc-faq-a {
  padding-bottom: 6px;
  padding-left: 24px;
  padding-right: 24px;
}

.wc-faq-p {
  color: #4a4a4a;
  max-width: 720px;
  margin-top: 0;
  margin-bottom: 18px;
  font-family: IBM Plex Mono;
  font-size: 14px;
  line-height: 1.7;
}

.wc-skip {
  z-index: 2147483647;
  color: #f4f2ec;
  background-color: #141414;
  border: 1.5px solid #141414;
  border-radius: 999px;
  padding: 10px 18px;
  font-family: IBM Plex Mono;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: top .2s;
  position: fixed;
  top: -80px;
  left: 16px;
  box-shadow: 3px 3px #6b4fe0;
}

.wc-skip:focus {
  outline-offset: 3px;
  outline: 2px solid #6b4fe0;
  top: 16px;
}

.wc-404 {
  background-color: #f4f2ec;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: 140px 20px 96px;
  display: flex;
}

.wc-404-win {
  background-color: #fff;
  border: 1.5px solid #141414;
  border-radius: 18px;
  width: 100%;
  max-width: 720px;
  overflow: hidden;
  box-shadow: 6px 6px #141414;
}

.wc-404-bar {
  grid-column-gap: 8px;
  background-color: #e4dcf7;
  border-bottom: 1.5px solid #141414;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.wc-404-d1 {
  background-color: #f8e4ec;
  border: 1.5px solid #141414;
  border-radius: 999px;
  width: 12px;
  height: 12px;
}

.wc-404-d2 {
  background-color: #ffe0c7;
  border: 1.5px solid #141414;
  border-radius: 999px;
  width: 12px;
  height: 12px;
}

.wc-404-d3 {
  background-color: #ecf8bd;
  border: 1.5px solid #141414;
  border-radius: 999px;
  width: 12px;
  height: 12px;
}

.wc-404-file {
  color: #141414;
  margin-left: auto;
  font-family: IBM Plex Mono;
  font-size: 12px;
}

.wc-404-body {
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding: 40px 32px 44px;
  display: flex;
}

.wc-404-big {
  color: #141414;
  letter-spacing: -.06em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Archivo;
  font-size: 168px;
  font-weight: 900;
  line-height: .9;
}

.wc-404-o {
  color: #6b4fe0;
  letter-spacing: 0;
  padding-left: 4px;
  padding-right: 10px;
  font-family: Instrument Serif;
  font-style: italic;
  font-weight: 400;
}

.wc-404-oops {
  color: #141414;
  margin-top: 10px;
  margin-bottom: 8px;
  font-family: Instrument Serif;
  font-size: 38px;
  font-style: italic;
  line-height: 1.1;
}

.wc-404-p {
  color: #4a4a4a;
  max-width: 440px;
  margin-top: 0;
  margin-bottom: 28px;
  font-family: IBM Plex Mono;
  font-size: 15px;
  line-height: 1.7;
}

.wc-404-game {
  background-color: #faf9f5;
  border: 1.5px dashed #14141459;
  border-radius: 14px;
  width: 100%;
  max-width: 460px;
  height: 170px;
  margin-bottom: 14px;
  position: relative;
}

.wc-404-folder {
  background-color: #ffe0c7;
  border: 1.5px solid #141414;
  border-radius: 4px 12px 12px;
  justify-content: center;
  align-items: flex-end;
  width: 120px;
  height: 92px;
  padding-bottom: 10px;
  display: flex;
  position: absolute;
  top: 34px;
  right: 28px;
  box-shadow: 3px 3px #141414;
}

.wc-404-tab {
  background-color: #ffe0c7;
  border: 1.5px solid #141414;
  border-bottom-style: none;
  border-radius: 8px 8px 0 0;
  width: 52px;
  height: 14px;
  position: absolute;
  top: -14px;
  left: -1.5px;
}

.wc-404-flabel {
  color: #141414;
  font-family: IBM Plex Mono;
  font-size: 13px;
  font-weight: 500;
}

.wc-404-page {
  cursor: grab;
  touch-action: none;
  -webkit-user-select: none;
  user-select: none;
  background-color: #fff;
  border: 1.5px solid #141414;
  border-radius: 6px;
  flex-direction: column;
  justify-content: space-between;
  width: 106px;
  height: 116px;
  padding: 14px 10px 8px;
  display: flex;
  position: absolute;
  top: 26px;
  left: 32px;
  box-shadow: 3px 3px #6b4fe0;
}

.wc-404-lines {
  background-image: repeating-linear-gradient(#e4dcf7 0 4px, #0000 4px 10px);
  height: 40px;
}

.wc-404-pname {
  color: #141414;
  text-align: left;
  white-space: nowrap;
  overflow-wrap: anywhere;
  font-family: IBM Plex Mono;
  font-size: 9px;
}

.wc-404-hint {
  color: #6b4fe0;
  margin-top: 0;
  margin-bottom: 26px;
  font-family: IBM Plex Mono;
  font-size: 13px;
}

.wc-404-btns {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.wc-404-btn-dark {
  color: #f4f2ec;
  background-color: #141414;
  border: 1.5px solid #141414;
  border-radius: 999px;
  padding: 12px 20px;
  font-family: IBM Plex Mono;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  box-shadow: 3px 3px #6b4fe0;
}

.wc-404-btn {
  color: #141414;
  background-color: #fff;
  border: 1.5px solid #141414;
  border-radius: 999px;
  padding: 12px 20px;
  font-family: IBM Plex Mono;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  box-shadow: 3px 3px #141414;
}

.wc-social {
  grid-column-gap: 10px;
  align-items: center;
  display: flex;
}

.wc-social-link {
  color: #f4f2ec;
  border: 1.5px solid #f4f2ec80;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  text-decoration: none;
  transition: background-color .2s, color .2s, border-color .2s;
  display: flex;
}

.wc-social-link:hover {
  color: #141414;
  background-color: #b9a6ff;
  border-color: #b9a6ff;
}

.wc-social-ico {
  width: 16px;
  height: 16px;
  display: block;
}

.wc-sp-main {
  color: #141414;
  max-width: 960px;
  margin: 0 auto;
  padding: 64px 24px 48px;
  font-family: Inter;
}

.wc-sp-brand {
  color: #141414;
  letter-spacing: -.5px;
  font-family: Archivo;
  font-size: 20px;
  font-weight: 900;
  text-decoration: none;
}

.wc-sp-eyebrow {
  margin: 0 0 14px;
  font-family: IBM Plex Mono;
  font-size: 13px;
}

.wc-sp-h1 {
  letter-spacing: -1.5px;
  margin: 0 0 20px;
  font-family: Archivo;
  font-size: 56px;
  font-weight: 900;
  line-height: 1.03;
}

.wc-sp-lead {
  max-width: 700px;
  margin: 0 0 28px;
  font-size: 20px;
  line-height: 1.55;
}

.wc-sp-btn {
  color: #fff;
  background-color: #6b4fe0;
  border: 1.5px solid #141414;
  border-radius: 999px;
  padding: 14px 24px;
  font-family: Archivo;
  font-weight: 800;
  text-decoration: none;
  display: inline-block;
  box-shadow: 3px 3px #141414;
}

.wc-sp-sec {
  margin-top: 64px;
}

.wc-sp-h2 {
  letter-spacing: -.8px;
  margin: 0 0 18px;
  font-family: Archivo;
  font-size: 34px;
  font-weight: 800;
  line-height: 1.1;
}

.wc-sp-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  display: grid;
}

.wc-sp-card {
  background-color: #fff;
  border: 1.5px solid #141414;
  border-radius: 16px;
  padding: 22px;
  box-shadow: 4px 4px #141414;
}

.wc-sp-h3 {
  letter-spacing: -.3px;
  margin: 0 0 8px;
  font-family: Archivo;
  font-size: 20px;
  font-weight: 800;
}

.wc-sp-p {
  margin: 0;
  font-size: 16px;
  line-height: 1.6;
}

.wc-sp-chips {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.wc-sp-chip {
  background-color: #e4dcf7;
  border: 1.5px solid #141414;
  border-radius: 999px;
  padding: 8px 16px;
  font-family: IBM Plex Mono;
  font-size: 14px;
}

.wc-sp-links {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  display: flex;
}

.wc-sp-link {
  color: #141414;
  text-underline-offset: 4px;
  font-weight: 600;
  text-decoration: underline;
}

.wc-sp-faq {
  border-top: 1.5px solid #141414;
  padding: 20px 0;
}

.wc-sp-cta {
  background-color: #e4dcf7;
  border: 1.5px solid #141414;
  border-radius: 20px;
  margin-top: 72px;
  padding: 36px;
  box-shadow: 6px 6px #141414;
}

.wc-sp-logo-svg {
  width: 100%;
  height: auto;
  display: block;
}

@media screen and (min-width: 1440px) {
  .gallery__lottie {
    height: 150px;
    margin-bottom: 0;
  }
}

@media screen and (min-width: 1920px) {
  .gallery__lottie {
    height: 80%;
  }
}

@media screen and (max-width: 991px) {
  .rt-page {
    padding: 16px;
  }

  .rt-tab {
    padding-left: 12px;
    padding-right: 12px;
  }

  .rt-hero {
    padding: 72px 24px 80px;
  }

  .rt-logo {
    font-size: 84px;
  }

  .rt-pill-left {
    top: -30px;
    left: -40px;
  }

  .rt-pill-right {
    top: -30px;
    right: -40px;
  }

  .rt-hero-title {
    font-size: 40px;
  }

  .rt-desk {
    display: none;
  }

  .rt-about {
    padding: 88px 24px;
  }

  .rt-about-grid {
    grid-column-gap: 56px;
    grid-row-gap: 56px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .rt-hand {
    font-size: 26px;
    line-height: 32px;
  }

  .rt-polaroid {
    max-width: 260px;
    margin-left: auto;
    margin-right: auto;
  }

  .rt-services {
    padding: 88px 24px 96px;
  }

  .rt-sec-title {
    font-size: 44px;
  }

  .rt-win-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .rt-work {
    padding: 88px 20px 96px;
  }

  .rt-ft-2, .rt-ft-3, .rt-ft-4, .rt-ft-5 {
    left: 0;
  }

  .rt-folder-body {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    padding: 36px 24px;
  }

  .rt-work-title {
    font-size: 36px;
  }

  .rt-cta {
    padding: 96px 20px 104px;
  }

  .rt-cta-title {
    font-size: 48px;
  }

  .rt-cta-script {
    margin-left: 40px;
    font-size: 40px;
  }

  .rt-cta-deco {
    display: none;
  }

  .sky-topbar {
    padding-left: 24px;
    padding-right: 24px;
  }

  .sky-nav {
    display: none;
  }

  .sky-hero {
    min-height: 620px;
    padding: 100px 24px 120px;
  }

  .sky-title {
    font-size: 130px;
  }

  .sky-title-script {
    margin-top: -10px;
    margin-left: 300px;
    font-size: 104px;
  }

  .sky-bubble-row {
    margin-left: 0;
  }

  .sky-win {
    display: none;
  }

  .sky-band {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 32px 24px;
  }

  .sky-band-contact {
    text-align: center;
    grid-column: 1 / 4;
  }

  .sky-about {
    padding: 96px 24px;
  }

  .sky-about-grid {
    grid-column-gap: 72px;
    grid-row-gap: 72px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .sky-h2 {
    font-size: 72px;
  }

  .sky-h2-script {
    margin-top: -4px;
    font-size: 86px;
  }

  .sky-mini-folder {
    display: none;
  }

  .sky-services {
    background-image: none;
    padding: 96px 24px 120px;
  }

  .sky-services-grid {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .sky-h2-light {
    font-size: 76px;
  }

  .sky-sfp-2 {
    display: none;
  }

  .sky-work {
    padding: 96px 24px 110px;
  }

  .sky-work-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .sky-work-more {
    grid-column: auto;
  }

  .sky-cta {
    padding: 100px 24px;
  }

  .sky-cta-grid {
    grid-column-gap: 56px;
    grid-row-gap: 56px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .sky-cta-title {
    font-size: 88px;
  }

  .sky-cta-script {
    margin-left: 70px;
    font-size: 80px;
  }

  .sky-footer {
    justify-content: center;
    padding: 22px 24px;
  }

  .sky-fx {
    padding: 96px 0 110px;
  }

  .sky-fx-head {
    padding-left: 24px;
    padding-right: 24px;
  }

  .sky-fx-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    scroll-snap-type: x mandatory;
    padding: 10px 24px 30px;
    display: flex;
    overflow-x: auto;
  }

  .sky-fx-card {
    scroll-snap-align: center;
    flex-shrink: 0;
    width: 300px;
  }

  .sky-logo-hero {
    width: 600px;
  }

  .sky-wave {
    margin-top: -80px;
  }

  .sky-wave-embed {
    width: 160%;
    margin-left: -30%;
  }

  .sky-photo {
    max-height: 300px;
  }

  .gallery__lottie {
    width: 150px;
    height: 8rem;
  }

  .wc-why {
    padding: 96px 24px 120px;
  }

  .wc-grid {
    grid-template-columns: 1fr 1fr;
  }

  .wc-how {
    padding: 96px 24px 120px;
  }

  .wc-grid3 {
    grid-template-columns: 1fr;
  }

  .wc-faq {
    padding: 96px 24px 120px;
  }
}

@media screen and (max-width: 767px) {
  .rt-tab {
    display: none;
  }

  .rt-tab-active {
    display: flex;
  }

  .rt-logo-box {
    padding: 14px 18px 8px;
  }

  .rt-logo {
    font-size: 56px;
  }

  .rt-pill-left {
    left: -10px;
  }

  .rt-pill-right {
    right: -10px;
  }

  .rt-hero-meta {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: column;
  }

  .rt-hero-title {
    font-size: 32px;
  }

  .rt-footer {
    padding: 32px 20px 24px;
  }

  .rt-footer-logo {
    font-size: 40px;
  }

  .sky-title {
    font-size: 84px;
  }

  .sky-title-script {
    margin-top: -6px;
    margin-left: 210px;
    font-size: 74px;
  }

  .sky-bubble {
    padding: 12px 20px;
    font-size: 13px;
  }

  .sky-fp-2, .sky-fp-5 {
    display: none;
  }

  .sky-band-big {
    font-size: 28px;
  }

  .sky-card {
    grid-template-columns: 1fr;
  }

  .sky-work-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .sky-mq-group {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding-right: 24px;
  }

  .sky-mq-big {
    font-size: 42px;
  }

  .sky-mq-script {
    font-size: 38px;
  }

  .sky-mq-folder {
    width: 44px;
  }

  .sky-mq-fbody {
    height: 32px;
  }

  .sky-mq-pill {
    font-size: 13px;
  }

  .sky-mq-chip {
    padding: 8px 16px;
    font-size: 14px;
  }

  .sky-logo-hero {
    width: 420px;
  }

  .cl-hero-copy {
    margin-top: 32px;
  }

  .cl-hero-head {
    margin-bottom: 32px;
    font-size: 30px;
  }

  .cl-mono {
    font-size: 14px;
  }

  .wc-form-row {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .gallery__lottie {
    width: 100px;
    margin-bottom: 0;
  }

  .wc-local {
    text-align: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
  }

  .wc-grid {
    grid-template-columns: 1fr;
  }

  .wc-pp {
    padding-top: 110px;
  }

  .wc-pp-in {
    padding: 28px 22px 32px;
  }

  .wc-pp-h1 {
    font-size: 36px;
  }

  .wc-404 {
    padding-top: 110px;
  }

  .wc-404-body {
    padding-left: 20px;
    padding-right: 20px;
  }

  .wc-404-big {
    font-size: 120px;
  }

  .wc-404-oops {
    font-size: 30px;
  }

  .wc-sp-main {
    padding: 40px 20px 32px;
  }

  .wc-sp-h1 {
    font-size: 38px;
  }

  .wc-sp-h2 {
    font-size: 28px;
  }
}

@media screen and (max-width: 479px) {
  .rt-page {
    padding: 8px;
  }

  .rt-nav-clock {
    display: none;
  }

  .rt-hero {
    padding: 64px 16px;
  }

  .rt-logo {
    font-size: 42px;
  }

  .rt-hero-title {
    font-size: 28px;
  }

  .rt-sec-title {
    font-size: 34px;
  }

  .rt-win-body {
    flex-direction: column;
    padding: 20px;
  }

  .rt-cta-body {
    padding: 32px 24px;
  }

  .rt-cta-title {
    font-size: 34px;
  }

  .rt-cta-script {
    margin-left: 0;
  }

  .sky-topbar {
    padding-left: 16px;
    padding-right: 16px;
  }

  .sky-brand {
    white-space: nowrap;
    font-size: 14px;
  }

  .sky-topbar-cta {
    white-space: nowrap;
    padding-left: 14px;
    padding-right: 14px;
    font-size: 11px;
  }

  .sky-hero {
    min-height: 520px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .sky-title {
    font-size: 66px;
  }

  .sky-title-script {
    margin-top: -4px;
    margin-left: 150px;
    font-size: 58px;
  }

  .sky-bubble {
    white-space: nowrap;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 11px;
  }

  .sky-fpos {
    display: none;
  }

  .sky-band {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .sky-band-contact {
    grid-column: 1 / 2;
  }

  .sky-h2 {
    font-size: 56px;
  }

  .sky-h2-script {
    margin-top: -2px;
    margin-left: 32px;
    font-size: 64px;
  }

  .sky-hi {
    font-size: 34px;
  }

  .sky-h2-light {
    font-size: 58px;
  }

  .sky-svc {
    padding: 16px 6px;
  }

  .sky-sfp-1, .sky-sfp-3 {
    display: none;
  }

  .sky-cta-title {
    font-size: 60px;
  }

  .sky-cta-script {
    margin-left: 40px;
    font-size: 60px;
  }

  .sky-cta-inner {
    padding: 28px 22px;
  }

  .sky-cta-q {
    font-size: 28px;
  }

  .sky-fx-card {
    width: 80%;
  }

  .sky-fx-btn {
    justify-content: center;
    width: 100%;
  }

  .sky-logo-hero {
    width: 320px;
  }

  .sky-logo-nav {
    width: 92px;
  }

  .sky-wave {
    margin-top: -60px;
    margin-bottom: -20px;
  }

  .sky-wave-embed {
    width: 240%;
    margin-left: -70%;
  }

  .sky-photo {
    min-height: 200px;
    max-height: 240px;
  }

  .gallery__lottie {
    width: 100px;
    height: 99px;
    margin-bottom: 0;
    margin-left: -30px;
    margin-right: 0;
  }

  .wc-faq-q {
    padding-left: 18px;
    padding-right: 14px;
  }

  .wc-faq-qt {
    font-size: 17px;
  }

  .wc-faq-a {
    padding-left: 18px;
    padding-right: 18px;
  }

  .wc-404-big {
    font-size: 96px;
  }

  .wc-404-folder {
    width: 104px;
    right: 14px;
  }

  .wc-404-page {
    left: 16px;
  }
}