.tk-form-done {
  color: #fff6ee;
  text-align: center;
  background-color: #2a36b8;
  border-radius: 30px;
  padding: 80px 40px;
  font-family: Newsreader, serif;
  font-size: 34px;
  font-style: italic;
  line-height: 1.1;
}

.tk-nav {
  z-index: 60;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  white-space: nowrap;
  background-color: #fff6eebd;
  border: 1px solid #18161d14;
  border-radius: 999px;
  align-items: center;
  padding: 8px 8px 8px 24px;
  font-family: Schibsted Grotesk;
  transition: transform .45s cubic-bezier(.2, .8, .2, 1), background-color .4s;
  display: flex;
  position: fixed;
  top: 16px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 12px 34px #18161d14;
}

.tk-nav-logo {
  color: #18161d;
  letter-spacing: .02em;
  text-transform: uppercase;
  font-family: Big Shoulders Display;
  font-size: 21px;
  font-weight: 900;
  text-decoration: none;
}

.tk-nav-amp {
  color: #ec6fb7;
  text-transform: none;
  font-family: Newsreader;
  font-size: 22px;
  font-style: italic;
  font-weight: 400;
}

.tk-nav-links {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  display: flex;
}

.tk-nav-link {
  color: #3a3542;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: color .2s;
}

.tk-nav-link:hover {
  color: #2a36b8;
}

.tk-nav-cta {
  color: #fff6ee;
  background-color: #18161d;
  border-radius: 999px;
  padding: 11px 20px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  transition: background-color .25s;
}

.tk-nav-cta:hover {
  background-color: #2a36b8;
}

.tk-hero {
  background-color: #f9e1ea;
  height: 270vh;
  position: relative;
}

.tk-stage {
  color: #18161d;
  background-color: #f9e1ea;
  height: 100vh;
  font-family: Schibsted Grotesk;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.tk-hero-copy {
  z-index: 3;
  flex-direction: column;
  justify-content: center;
  width: 52vw;
  max-width: 780px;
  padding-top: 80px;
  padding-bottom: max(150px, 18vh);
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 6vw;
}

.tk-eyebrow {
  color: #2a36b8;
  letter-spacing: .16em;
  text-transform: uppercase;
  margin: 0 0 24px;
  font-size: 12px;
  font-weight: 700;
}

.tk-h1 {
  color: #18161d;
  letter-spacing: -.005em;
  text-transform: uppercase;
  flex-direction: column;
  margin: 0;
  font-family: Big Shoulders Display;
  font-size: clamp(60px, min(10.4vw, 15vh), 178px);
  font-weight: 900;
  line-height: .84;
  display: flex;
}

.tk-h1-line {
  display: block;
}

.tk-h1-serif {
  color: #2a36b8;
  letter-spacing: -.01em;
  text-transform: none;
  margin-top: .24em;
  margin-left: .06em;
  font-family: Newsreader;
  font-size: .4em;
  font-style: italic;
  font-weight: 400;
  line-height: 1;
  display: block;
}

.tk-hero-sub {
  color: #3a3542;
  max-width: 430px;
  margin: min(30px, 3vh) 0 min(34px, 3.4vh);
  font-size: 17px;
  line-height: 1.55;
}

.tk-hero-actions {
  grid-column-gap: 26px;
  grid-row-gap: 26px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.tk-btn {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  color: #fff6ee;
  background-color: #18161d;
  border-radius: 999px;
  align-items: center;
  padding: 16px 16px 16px 26px;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  transition: background-color .3s;
  display: inline-flex;
}

.tk-btn:hover {
  background-color: #2a36b8;
}

.tk-btn-arrow {
  color: #18161d;
  background-color: #ec6fb7;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-size: 15px;
  display: inline-flex;
}

.tk-link {
  color: #18161d;
  text-underline-offset: 5px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: underline;
}

.tk-link:hover {
  color: #2a36b8;
}

.tk-hero-meta {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  flex-wrap: wrap;
  margin-top: min(46px, 4vh);
  display: flex;
}

.tk-meta {
  color: #55505d;
  border-left: 2px solid #ec6fb7;
  padding-left: 12px;
  font-size: 12px;
  font-weight: 600;
}

.tk-door-spot {
  z-index: 2;
  visibility: hidden;
  pointer-events: none;
  width: 25vw;
  min-width: 240px;
  max-width: 380px;
  height: 60vh;
  max-height: 600px;
  position: absolute;
  bottom: 21vh;
  right: 9vw;
}

.tk-mat {
  visibility: visible;
  color: #45260c;
  letter-spacing: .32em;
  text-transform: uppercase;
  height: 40px;
  transform-style: preserve-3d;
  background-color: #d9a06b;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
  font-family: Big Shoulders Display;
  font-size: 15px;
  font-weight: 800;
  display: flex;
  position: absolute;
  top: 100%;
  left: -26px;
  right: -26px;
  transform: perspective(320px)rotateX(40deg);
}

.tk-doorway {
  z-index: 2;
  perspective: 1400px;
  cursor: pointer;
  background-color: #18161d;
  border-radius: 200px 200px 10px 10px;
  width: 25vw;
  min-width: 240px;
  max-width: 380px;
  height: 60vh;
  max-height: 600px;
  position: absolute;
  bottom: 21vh;
  right: 9vw;
  overflow: hidden;
}

.tk-door-photo {
  background-image: url('../images/tk-door-dog.jpg');
  background-position: 50% 62%;
  background-size: cover;
  position: absolute;
  inset: 0;
  transform: scale(1.35);
}

.tk-door-leaf {
  transform-origin: 0%;
  background-color: #2a36b8;
  position: absolute;
  inset: 0;
}

.tk-door-glass {
  background-color: #f6c2da;
  border-radius: 999px 999px 8px 8px;
  height: 25%;
  position: absolute;
  top: 7%;
  left: 16%;
  right: 16%;
}

.tk-door-plate {
  color: #18161d;
  letter-spacing: .08em;
  background-color: #d39a2c;
  border-radius: 4px;
  min-height: 20px;
  padding: 2px 10px;
  font-family: Big Shoulders Display;
  font-size: 16px;
  font-weight: 900;
  line-height: 20px;
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translateX(-50%);
}

.tk-door-plate:before {
  content: "14";
}

.tk-door-slot {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  background-color: #0b0d2a;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 46%;
  height: 28px;
  display: flex;
  position: absolute;
  top: 41.5%;
  left: 50%;
  transform: translateX(-50%);
}

.tk-eye {
  background-color: #e6ef6d;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  display: flex;
  overflow: hidden;
}

.tk-pupil {
  background-color: #0b0d2a;
  border-radius: 4px;
  width: 4px;
  height: 12px;
}

.tk-door-panel-l {
  background-color: #2532a8;
  border-radius: 12px;
  width: 33%;
  position: absolute;
  top: 52%;
  bottom: 8%;
  left: 13%;
}

.tk-door-panel-r {
  background-color: #2532a8;
  border-radius: 12px;
  width: 33%;
  position: absolute;
  top: 52%;
  bottom: 8%;
  right: 13%;
}

.tk-door-knob {
  background-color: #d39a2c;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 58%;
  right: 8%;
}

.tk-hint {
  z-index: 3;
  color: #55505d;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
  position: absolute;
  inset: 13vh 9vw auto auto;
}

.tk-away {
  z-index: 5;
  opacity: 0;
  pointer-events: none;
  color: #fff6ee;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0 6vw 10vh;
  display: flex;
  position: absolute;
  inset: 0;
}

.tk-away-h {
  color: #fff6ee;
  text-transform: uppercase;
  margin: 0;
  font-family: Big Shoulders Display;
  font-size: clamp(64px, 11vw, 190px);
  font-weight: 900;
  line-height: .84;
}

.tk-away-serif {
  max-width: 780px;
  margin: 16px 0 34px;
  font-family: Newsreader;
  font-size: clamp(24px, 2.8vw, 46px);
  font-style: italic;
  line-height: 1.12;
}

.tk-away-list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  max-width: 900px;
  display: flex;
}

.tk-away-item {
  color: #fff6ee;
  background-color: #fff6ee29;
  border: 1px solid #fff6ee61;
  border-radius: 999px;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 600;
}

.tk-ribbon {
  z-index: 1;
  pointer-events: none;
  white-space: nowrap;
  background-color: #0000;
  height: 170px;
  padding: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: visible;
  transform: none;
}

.tk-ribbon-track {
  width: max-content;
  display: flex;
}

.tk-ribbon-text {
  color: #fff6ee;
  letter-spacing: .05em;
  text-transform: uppercase;
  white-space: nowrap;
  font-family: Big Shoulders Display;
  font-size: 30px;
  font-weight: 800;
}

.tk-day {
  z-index: 2;
  background-color: #f9e1ea;
  border-top-left-radius: 48px;
  border-top-right-radius: 48px;
  height: auto;
  margin-top: -48px;
  position: relative;
  overflow: hidden;
}

.tk-day-stage {
  grid-column-gap: 6vw;
  grid-row-gap: 6vw;
  color: #18161d;
  background-color: #0000;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.05fr;
  align-items: center;
  row-gap: 70px;
  height: auto;
  padding: 150px 6vw 130px;
  font-family: Schibsted Grotesk;
  display: grid;
  position: relative;
  top: 0;
  overflow: hidden;
}

.tk-day-sun {
  opacity: .55;
  filter: blur(60px);
  pointer-events: none;
  background-color: #ffd27a;
  border-radius: 50%;
  width: 34vw;
  height: 34vw;
  position: absolute;
  top: 6vh;
  right: 16vw;
}

.tk-day-moon {
  opacity: 0;
  filter: blur(50px);
  pointer-events: none;
  background-color: #b9b8f0;
  border-radius: 50%;
  width: 26vw;
  height: 26vw;
  position: absolute;
  top: -40vh;
  left: 8vw;
}

.tk-day-left {
  z-index: 2;
  max-width: 560px;
  position: relative;
}

.tk-day-eyebrow {
  color: #2a36b8;
  letter-spacing: .16em;
  text-transform: uppercase;
  margin: 0 0 6px;
  font-size: 12px;
  font-weight: 700;
}

.tk-clock {
  letter-spacing: -.01em;
  font-variant-numeric: tabular-nums;
  font-family: Big Shoulders Display;
  font-size: clamp(110px, 15vw, 250px);
  font-weight: 900;
  line-height: .82;
}

.tk-day-who {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  margin: 22px 0 18px;
  display: flex;
}

.tk-who-dot {
  background-color: #ec6fb7;
  border-radius: 50%;
  width: 10px;
  height: 10px;
}

.tk-who-name {
  letter-spacing: .16em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
}

.tk-day-title {
  margin: 0 0 12px;
  font-family: Newsreader;
  font-size: clamp(30px, 3.2vw, 52px);
  font-style: italic;
  font-weight: 400;
  line-height: 1.05;
}

.tk-day-copy {
  opacity: .82;
  max-width: 430px;
  margin: 0;
  font-size: 17px;
  line-height: 1.55;
}

.tk-day-window {
  z-index: 2;
  border-radius: 999px 999px 24px 24px;
  justify-self: end;
  width: 100%;
  max-width: 640px;
  height: 62vh;
  min-height: 420px;
  max-height: 640px;
  position: relative;
  overflow: visible;
}

.tk-day-photo-a {
  background-image: url('../images/tk-day-room.jpg');
  background-position: 50% 60%;
  background-size: cover;
  border-radius: 999px 999px 24px 24px;
  position: absolute;
  inset: 0;
}

.tk-day-photo-b {
  opacity: 0;
  background-image: url('../images/tk-night-bed.jpg');
  background-position: 40% 55%;
  background-size: cover;
  border-radius: 999px 999px 24px 24px;
  position: absolute;
  inset: 0;
}

.tk-day-note {
  z-index: 3;
  color: #18161d;
  background-color: #fff6ee;
  padding: 12px 16px;
  font-family: Shantell Sans;
  font-size: 16px;
  position: absolute;
  bottom: 14%;
  left: -28px;
  transform: rotate(-4deg);
  box-shadow: 0 14px 30px #18161d2e;
}

.tk-rail {
  z-index: 3;
  grid-column: 1 / -1;
  position: relative;
  bottom: auto;
  left: auto;
  right: auto;
}

.tk-rail-line {
  background-color: #18161d24;
  height: 2px;
  margin-bottom: 14px;
  position: relative;
}

.tk-rail-fill {
  transform-origin: 0%;
  background-color: #ec6fb7;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  transform: scaleX(0);
}

.tk-stops {
  justify-content: space-between;
  display: flex;
}

.tk-stop {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  opacity: .72;
  cursor: pointer;
  flex-direction: column;
  padding-top: 6px;
  padding-bottom: 6px;
  transition: opacity .4s;
  display: flex;
}

.tk-stop:hover {
  opacity: 1;
}

.tk-stop-time {
  letter-spacing: .02em;
  font-family: Big Shoulders Display;
  font-size: 22px;
  font-weight: 800;
}

.tk-stop-label {
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
}

.tk-pup {
  z-index: 3;
  grid-column-gap: 6vw;
  grid-row-gap: 6vw;
  color: #18161d;
  background-color: #b9b8f0;
  border-top-left-radius: 48px;
  border-top-right-radius: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  margin-top: -48px;
  padding: 150px 6vw;
  font-family: Schibsted Grotesk;
  display: grid;
  position: relative;
  overflow: hidden;
}

.tk-pup-copy {
  max-width: 560px;
}

.tk-h2 {
  letter-spacing: -.005em;
  text-transform: uppercase;
  margin: 0;
  font-family: Big Shoulders Display;
  font-size: clamp(70px, 8vw, 140px);
  font-weight: 900;
  line-height: .84;
}

.tk-serif-lg {
  max-width: 520px;
  margin: 14px 0 0;
  font-family: Newsreader;
  font-size: clamp(24px, 2.6vw, 40px);
  font-style: italic;
  font-weight: 400;
  line-height: 1.12;
}

.tk-facts {
  flex-direction: column;
  margin-top: 54px;
  display: flex;
}

.tk-fact {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-top: 1px solid #18161d2e;
  grid-template-rows: auto;
  grid-template-columns: 90px 1fr;
  align-items: center;
  padding: 20px 0;
  display: grid;
}

.tk-fact-n {
  color: #2a36b8;
  font-family: Big Shoulders Display;
  font-size: 58px;
  font-weight: 900;
  line-height: .9;
}

.tk-fact-t {
  max-width: 340px;
  font-size: 16px;
  line-height: 1.45;
}

.tk-phone-scene {
  perspective: 1300px;
  justify-content: center;
  align-items: center;
  height: 720px;
  display: flex;
  position: relative;
}

.tk-phone {
  z-index: 2;
  background-color: #18161d;
  border-radius: 54px;
  width: 330px;
  height: 680px;
  padding: 12px;
  position: relative;
  box-shadow: 0 50px 90px #2a36b859;
}

.tk-phone-screen {
  background-color: #fff6ee;
  border-radius: 44px;
  flex-direction: column;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.tk-phone-island {
  z-index: 2;
  background-color: #18161d;
  border-radius: 20px;
  width: 96px;
  height: 28px;
  margin-left: -48px;
  position: absolute;
  top: 12px;
  left: 50%;
}

.tk-phone-head {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border-bottom: 1px solid #18161d14;
  align-items: center;
  padding: 54px 18px 14px;
  display: flex;
}

.tk-phone-avatar {
  color: #18161d;
  background-color: #ec6fb7;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  font-family: Big Shoulders Display;
  font-size: 20px;
  font-weight: 900;
  display: flex;
}

.tk-phone-who {
  flex-direction: column;
  line-height: 1.25;
  display: flex;
}

.tk-phone-name {
  font-size: 14px;
  font-weight: 700;
}

.tk-phone-status {
  color: #2a36b8;
  font-size: 12px;
}

.tk-thread {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  flex: 1;
  padding: 14px 14px 20px;
  display: flex;
}

.tk-msg-time {
  color: #5f5868;
  align-self: center;
  margin: 2px 0 4px;
  font-size: 11px;
}

.tk-msg-in {
  background-color: #ece9fb;
  border-radius: 20px 20px 20px 6px;
  align-self: flex-start;
  max-width: 80%;
  padding: 10px 14px;
  font-size: 14px;
  line-height: 1.4;
}

.tk-msg-out {
  color: #fff6ee;
  background-color: #2a36b8;
  border-radius: 20px 20px 6px;
  align-self: flex-end;
  max-width: 80%;
  padding: 10px 14px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
}

.tk-msg-photo {
  background-image: url('../images/tt-pet-waffles.jpg');
  background-position: 50% 35%;
  background-size: cover;
  border-radius: 18px;
  align-self: flex-start;
  width: 70%;
  height: 150px;
}

.tk-typing {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: #ece9fb;
  border-radius: 20px;
  align-self: flex-start;
  padding: 12px 14px;
  display: flex;
}

.tk-dot {
  background-color: #18161d;
  border-radius: 50%;
  width: 7px;
  height: 7px;
}

.tk-notif-a {
  z-index: 3;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #ffffffd1;
  border-radius: 20px;
  align-items: center;
  max-width: 270px;
  padding: 12px 18px 12px 12px;
  display: flex;
  position: absolute;
  top: 12%;
  left: 0%;
  transform: rotate(-4deg);
  box-shadow: 0 20px 40px #18161d24;
}

.tk-notif-b {
  z-index: 3;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #ffffffd1;
  border-radius: 20px;
  align-items: center;
  max-width: 280px;
  padding: 12px 18px 12px 12px;
  display: flex;
  position: absolute;
  bottom: 2%;
  right: 0%;
  transform: rotate(3deg);
  box-shadow: 0 20px 40px #18161d24;
}

.tk-notif-c {
  z-index: 3;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #ffffffb3;
  border-radius: 20px;
  align-items: center;
  max-width: 260px;
  padding: 12px 18px 12px 12px;
  display: flex;
  position: absolute;
  top: 50%;
  bottom: auto;
  left: -2%;
  transform: rotate(-2deg);
  box-shadow: 0 20px 40px #18161d1f;
}

.tk-notif-icon {
  background-color: #f9e1ea;
  border-radius: 12px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  font-size: 18px;
  display: flex;
}

.tk-notif-body {
  flex-direction: column;
  line-height: 1.3;
  display: flex;
}

.tk-notif-title {
  font-size: 13px;
  font-weight: 700;
}

.tk-notif-text {
  color: #4a4552;
  font-size: 13px;
}

.tk-price {
  z-index: 4;
  grid-column-gap: 6vw;
  grid-row-gap: 6vw;
  color: #18161d;
  background-color: #fff6ee;
  border-top-left-radius: 48px;
  border-top-right-radius: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1.1fr 1fr;
  align-items: start;
  margin-top: -48px;
  padding: 150px 6vw 160px;
  font-family: Schibsted Grotesk;
  display: grid;
  position: relative;
}

.tk-price-copy {
  max-width: 600px;
}

.tk-ctrl {
  flex-direction: column;
  margin-top: 50px;
  display: flex;
}

.tk-ctrl-row {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-top: 1px solid #18161d24;
  justify-content: space-between;
  align-items: center;
  padding: 18px 0;
  display: flex;
}

.tk-ctrl-l {
  letter-spacing: .14em;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 700;
}

.tk-stepper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  display: flex;
}

.tk-step-btn {
  color: #18161d;
  border: 1.5px solid #18161d;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-size: 20px;
  text-decoration: none;
  transition: background-color .2s, color .2s;
  display: flex;
}

.tk-step-btn:hover {
  color: #fff6ee;
  background-color: #18161d;
}

.tk-step-v {
  text-align: center;
  font-variant-numeric: tabular-nums;
  min-width: 34px;
  font-family: Big Shoulders Display;
  font-size: 34px;
  font-weight: 900;
}

.tk-seg {
  background-color: #f1e6dc;
  border-radius: 999px;
  padding: 4px;
  display: flex;
}

.tk-seg-opt {
  color: #4a4552;
  border-radius: 999px;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .25s, color .25s;
}

.tk-seg-opt:hover {
  color: #18161d;
}

.tk-receipt-wrap {
  justify-self: center;
  width: 100%;
  max-width: 440px;
  padding-top: 18px;
  position: relative;
}

.tk-printer {
  z-index: 2;
  background-color: #18161d;
  border-radius: 14px;
  height: 30px;
  position: absolute;
  top: 0;
  left: -24px;
  right: -24px;
}

.tk-receipt {
  z-index: 1;
  transform-origin: 50% 0;
  background-color: #fff;
  margin: 0 10px;
  padding: 46px 30px 44px;
  position: relative;
  box-shadow: 0 30px 60px #18161d1f;
}

.tk-rc-head {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  border-bottom: 1.5px dashed #18161d59;
  flex-direction: column;
  align-items: center;
  margin-bottom: 12px;
  padding-bottom: 20px;
  display: flex;
}

.tk-rc-brand {
  letter-spacing: .06em;
  text-transform: uppercase;
  font-family: Big Shoulders Display;
  font-size: 26px;
  font-weight: 900;
}

.tk-rc-meta {
  color: #6b6475;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 11px;
}

.tk-rc-line {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  padding: 9px 0;
  font-size: 15px;
  display: flex;
}

.tk-rc-k {
  color: #3a3542;
}

.tk-rc-v {
  font-variant-numeric: tabular-nums;
  font-weight: 700;
}

.tk-rc-total {
  border-top: 1.5px dashed #18161d59;
  justify-content: space-between;
  align-items: baseline;
  margin-top: 12px;
  padding-top: 18px;
  display: flex;
}

.tk-rc-tl {
  letter-spacing: .14em;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 700;
}

.tk-rc-amt {
  color: #2a36b8;
  font-variant-numeric: tabular-nums;
  font-family: Big Shoulders Display;
  font-size: 80px;
  font-weight: 900;
  line-height: .9;
}

.tk-rc-who {
  margin: 14px 0 22px;
  font-family: Newsreader;
  font-size: 20px;
  font-style: italic;
}

.tk-btn-wide {
  color: #fff6ee;
  text-align: center;
  background-color: #18161d;
  border-radius: 999px;
  padding: 17px 20px;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  transition: background-color .3s;
  display: block;
}

.tk-btn-wide:hover {
  background-color: #2a36b8;
}

.tk-rc-fine {
  color: #6b6475;
  text-align: center;
  margin: 16px 0 0;
  font-size: 11px;
  line-height: 1.5;
}

.tk-regs {
  z-index: 5;
  color: #18161d;
  background-color: #f9e1ea;
  border-top-left-radius: 48px;
  border-top-right-radius: 48px;
  margin-top: -48px;
  padding: 140px 6vw 120px;
  font-family: Schibsted Grotesk;
  position: relative;
  overflow: hidden;
}

.tk-regs-head {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: flex-end;
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
}

.tk-regs-intro {
  max-width: 620px;
}

.tk-regs-serif {
  margin: 0;
  font-family: Newsreader;
  font-size: clamp(28px, 3.2vw, 50px);
  font-style: italic;
  line-height: 1.08;
}

.tk-regs-hint {
  color: #55505d;
  letter-spacing: .16em;
  text-transform: uppercase;
  margin: 0;
  font-size: 12px;
  font-weight: 700;
}

.tk-regs-stage {
  max-width: 1400px;
  height: 820px;
  margin: 30px auto 0;
  position: relative;
}

.tk-regs-word {
  pointer-events: none;
  color: #2a36b8;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  font-family: Big Shoulders Display;
  font-size: clamp(100px, 16vw, 290px);
  font-weight: 900;
  line-height: .8;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}

.tk-card-1 {
  cursor: grab;
  touch-action: none;
  -webkit-user-select: none;
  user-select: none;
  background-color: #fff;
  width: 230px;
  padding: 14px 14px 18px;
  position: absolute;
  top: 40px;
  left: 3%;
  transform: rotate(-7deg);
  box-shadow: 0 24px 50px #18161d29;
}

.tk-card-2 {
  cursor: grab;
  touch-action: none;
  -webkit-user-select: none;
  user-select: none;
  background-color: #fff;
  width: 215px;
  padding: 14px 14px 18px;
  position: absolute;
  top: 430px;
  left: 21%;
  transform: rotate(5deg);
  box-shadow: 0 24px 50px #18161d29;
}

.tk-card-3 {
  cursor: grab;
  touch-action: none;
  -webkit-user-select: none;
  user-select: none;
  background-color: #fff;
  width: 240px;
  padding: 14px 14px 18px;
  position: absolute;
  top: 10px;
  left: 40%;
  transform: rotate(-2deg);
  box-shadow: 0 24px 50px #18161d29;
}

.tk-card-4 {
  cursor: grab;
  touch-action: none;
  -webkit-user-select: none;
  user-select: none;
  background-color: #fff;
  width: 225px;
  padding: 14px 14px 18px;
  position: absolute;
  top: 420px;
  left: 58%;
  transform: rotate(8deg);
  box-shadow: 0 24px 50px #18161d29;
}

.tk-card-5 {
  cursor: grab;
  touch-action: none;
  -webkit-user-select: none;
  user-select: none;
  background-color: #fff;
  width: 215px;
  padding: 14px 14px 18px;
  position: absolute;
  top: 80px;
  left: 77%;
  transform: rotate(-5deg);
  box-shadow: 0 24px 50px #18161d29;
}

.tk-card-6 {
  cursor: grab;
  touch-action: none;
  -webkit-user-select: none;
  user-select: none;
  background-color: #fff;
  width: 205px;
  padding: 14px 14px 18px;
  position: absolute;
  top: 500px;
  left: 79%;
  transform: rotate(-9deg);
  box-shadow: 0 24px 50px #18161d29;
}

.tk-tape {
  pointer-events: none;
  background-color: #ec6fb78c;
  width: 96px;
  height: 28px;
  margin-left: -48px;
  position: absolute;
  top: -14px;
  left: 50%;
  transform: rotate(-3deg);
}

.tk-card-img-1 {
  aspect-ratio: 4 / 5;
  pointer-events: none;
  background-image: url('../images/tt-pet-waffles.jpg');
  background-position: 50% 35%;
  background-size: cover;
  display: block;
}

.tk-card-img-2 {
  aspect-ratio: 4 / 5;
  pointer-events: none;
  background-image: url('../images/tt-pet-olive.jpg');
  background-position: 45% 40%;
  background-size: cover;
  display: block;
}

.tk-card-img-3 {
  aspect-ratio: 4 / 5;
  pointer-events: none;
  background-image: url('../images/tt-pet-meatball.jpg');
  background-position: 50%;
  background-size: cover;
  display: block;
}

.tk-card-img-4 {
  aspect-ratio: 4 / 5;
  pointer-events: none;
  background-image: url('../images/tt-pet-marmalade.jpg');
  background-position: 40%;
  background-size: cover;
  display: block;
}

.tk-card-img-5 {
  aspect-ratio: 4 / 5;
  pointer-events: none;
  background-image: url('../images/tt-pet-pickle.jpg');
  background-position: 50% 40%;
  background-size: cover;
  display: block;
}

.tk-card-img-6 {
  aspect-ratio: 4 / 5;
  pointer-events: none;
  background-image: url('../images/tt-pet-juno.jpg');
  background-position: 62%;
  background-size: cover;
  display: block;
}

.tk-card-cap {
  pointer-events: none;
  margin: 12px 2px 0;
  font-family: Shantell Sans;
  font-size: 15px;
  line-height: 1.3;
  display: block;
}

.tk-card-name {
  color: #2a36b8;
  font-weight: 600;
}

.tk-area {
  z-index: 6;
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  color: #fff6ee;
  background-color: #2a36b8;
  border-top-left-radius: 48px;
  border-top-right-radius: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  align-items: center;
  row-gap: 56px;
  margin-top: -48px;
  padding: 150px 6vw;
  font-family: Schibsted Grotesk;
  display: grid;
  position: relative;
  overflow: hidden;
}

.tk-area-copy {
  grid-template-columns: 1.1fr 1fr;
  align-items: end;
  column-gap: 6vw;
  max-width: none;
  display: grid;
}

.tk-area-eyebrow {
  color: #f6b4d6;
  letter-spacing: .16em;
  text-transform: uppercase;
  grid-column: 1 / -1;
  margin: 0 0 24px;
  font-size: 12px;
  font-weight: 700;
}

.tk-h2-light {
  color: #fff6ee;
  text-transform: uppercase;
  margin: 0;
  font-family: Big Shoulders Display;
  font-size: clamp(70px, 8vw, 140px);
  font-weight: 900;
  line-height: .84;
}

.tk-area-sub {
  color: #fff6eed1;
  max-width: 520px;
  margin: 0 0 10px;
  font-size: 17px;
  line-height: 1.55;
}

.tk-result {
  z-index: 3;
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #18161d8c;
  border: 1px solid #fff6ee38;
  border-radius: 22px;
  flex-direction: column;
  width: 30%;
  min-width: 280px;
  max-width: 400px;
  padding: 24px 26px;
  transition: background-color .35s, color .35s;
  display: flex;
  position: absolute;
  bottom: 4%;
  right: 2.5%;
}

.tk-result-k {
  opacity: .9;
  letter-spacing: .16em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
}

.tk-result-big {
  font-family: Newsreader;
  font-size: 34px;
  font-style: italic;
  line-height: 1.05;
}

.tk-result-small {
  opacity: .85;
  font-size: 15px;
  line-height: 1.45;
}

.tk-map {
  aspect-ratio: 1000 / 640;
  background-color: #2532a8;
  background-image: url('../images/tk-map-hamilton3.svg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-radius: 28px;
  width: 100%;
  position: relative;
}

.tk-pin-dundas {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff6ee;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 51.6%;
  left: 7%;
}

.tk-pin-westdale {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff6ee;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 46%;
  left: 25.5%;
}

.tk-pin-ainslie {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff6ee;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 58%;
  left: 21.5%;
}

.tk-pin-strathcona {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff6ee;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 45%;
  left: 38%;
}

.tk-pin-locke {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff6ee;
  flex-direction: column-reverse;
  align-items: flex-start;
  row-gap: 4px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: calc(55% - 26px);
  left: 40.5%;
}

.tk-pin-kirkendall {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff6ee;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 62%;
  left: 36.2%;
}

.tk-pin-durand {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff6ee;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 58%;
  left: 45.5%;
}

.tk-pin-beasley {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff6ee;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 46.9%;
  left: 54.5%;
}

.tk-pin-corktown {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff6ee;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 61.7%;
  left: 53%;
}

.tk-pin-stinson {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff6ee;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 57.6%;
  left: 64.5%;
}

.tk-pin-crown {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff6ee;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 46.9%;
  left: 73.5%;
}

.tk-pin-inch {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff6ee;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 73.2%;
  left: 59.5%;
}

.tk-pin-ancaster {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff6ee;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 87.5%;
  left: 14%;
}

.tk-pin-stoney {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff6ee;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 44%;
  left: 85.5%;
}

.tk-pin-dot {
  background-color: #ec6fb7;
  border: 2px solid #fff6ee;
  border-radius: 50%;
  flex-shrink: 0;
  width: 14px;
  height: 14px;
}

.tk-pin-label {
  white-space: nowrap;
  background-color: #18161d61;
  border-radius: 999px;
  padding: 4px 9px;
  font-size: 12px;
  font-weight: 700;
  transition: background-color .2s, color .2s;
}

.tk-book {
  z-index: 7;
  grid-column-gap: 6vw;
  grid-row-gap: 6vw;
  color: #18161d;
  background-color: #f9e1ea;
  border-top-left-radius: 48px;
  border-top-right-radius: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.05fr;
  align-items: start;
  margin-top: -48px;
  padding: 150px 6vw 170px;
  font-family: Schibsted Grotesk;
  display: grid;
  position: relative;
}

.tk-book-copy {
  max-width: 560px;
}

.tk-next {
  flex-direction: column;
  margin-top: 50px;
  display: flex;
}

.tk-next-row {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-top: 1px solid #18161d29;
  grid-template-rows: auto;
  grid-template-columns: 120px 1fr;
  padding: 20px 0;
  display: grid;
}

.tk-next-k {
  color: #2a36b8;
  letter-spacing: .14em;
  text-transform: uppercase;
  padding-top: 3px;
  font-size: 12px;
  font-weight: 700;
}

.tk-next-v {
  font-size: 16px;
  line-height: 1.5;
}

.tk-book-alt {
  color: #4a4552;
  margin: 30px 0 0;
  font-size: 15px;
}

.tk-book-tel {
  color: #18161d;
  text-underline-offset: 4px;
  font-weight: 700;
  text-decoration: underline;
}

.tk-form-wrap {
  padding-top: 90px;
  position: relative;
}

.tk-form-cat {
  z-index: 2;
  background-image: url('../images/tt-cat-peek.svg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 170px;
  height: 122px;
  position: absolute;
  top: 0;
  right: 56px;
  transform: translateY(32px);
}

.tk-form, .tk-form._w-form {
  z-index: 1;
  grid-column-gap: 26px;
  grid-row-gap: 26px;
  background-color: #fff;
  border-radius: 30px;
  flex-direction: column;
  padding: 48px 42px 42px;
  display: flex;
  position: relative;
  box-shadow: 0 40px 80px #2a36b824;
}

.tk-f-row {
  grid-column-gap: 26px;
  grid-row-gap: 26px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.tk-f {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  display: flex;
}

.tk-f-label {
  color: #6b6475;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
}

.tk-f-input {
  color: #18161d;
  background-color: #0000;
  border-width: 0 0 1.5px;
  border-bottom-style: solid;
  border-bottom-color: #18161d4d;
  height: 46px;
  margin: 0;
  padding: 0;
  font-family: Schibsted Grotesk;
  font-size: 17px;
}

.tk-f-input:focus {
  border-bottom-color: #2a36b8;
}

.tk-f-input._w-input {
  color: #18161d;
  background-color: #0000;
  border-width: 0 0 1.5px;
  border-bottom-style: solid;
  border-bottom-color: #18161d4d;
  height: 46px;
  margin: 0;
  padding: 0;
  font-family: Schibsted Grotesk;
  font-size: 17px;
}

.tk-f-input._w-input:focus {
  border-bottom-color: #2a36b8;
}

.tk-f-input._w-select {
  color: #18161d;
  background-color: #0000;
  border-width: 0 0 1.5px;
  border-bottom-style: solid;
  border-bottom-color: #18161d4d;
  height: 46px;
  margin: 0;
  padding: 0;
  font-family: Schibsted Grotesk;
  font-size: 17px;
}

.tk-f-input._w-select:focus {
  border-bottom-color: #2a36b8;
}

.tk-f-area {
  color: #18161d;
  background-color: #0000;
  border-width: 0 0 1.5px;
  border-bottom-style: solid;
  border-bottom-color: #18161d4d;
  min-height: 110px;
  margin: 0;
  padding: 12px 0;
  font-family: Schibsted Grotesk;
  font-size: 17px;
}

.tk-f-area:focus {
  border-bottom-color: #2a36b8;
}

.tk-f-area._w-input {
  color: #18161d;
  background-color: #0000;
  border-width: 0 0 1.5px;
  border-bottom-style: solid;
  border-bottom-color: #18161d4d;
  min-height: 110px;
  margin: 0;
  padding: 12px 0;
  font-family: Schibsted Grotesk;
  font-size: 17px;
}

.tk-f-area._w-input:focus {
  border-bottom-color: #2a36b8;
}

.tk-f-submit {
  color: #fff6ee;
  cursor: pointer;
  background-color: #18161d;
  border-width: 0;
  border-radius: 999px;
  align-self: flex-start;
  margin-top: 6px;
  padding: 18px 30px;
  font-size: 15px;
  font-weight: 700;
  transition: background-color .3s;
}

.tk-f-submit:hover {
  background-color: #2a36b8;
}

.tk-f-submit._w-button {
  color: #fff6ee;
  cursor: pointer;
  background-color: #18161d;
  border-width: 0;
  border-radius: 999px;
  align-self: flex-start;
  margin-top: 6px;
  padding: 18px 30px;
  font-size: 15px;
  font-weight: 700;
  transition: background-color .3s;
}

.tk-f-submit._w-button:hover {
  background-color: #2a36b8;
}

.tk-foot {
  z-index: 8;
  color: #fff6ee;
  background-color: #18161d;
  border-top-left-radius: 48px;
  border-top-right-radius: 48px;
  margin-top: -48px;
  font-family: Schibsted Grotesk;
  position: relative;
  overflow: hidden;
}

.tk-foot-inner {
  padding: 120px 6vw 36px;
}

.tk-foot-top {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border-bottom: 1px solid #fff6ee29;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 56px;
  display: flex;
}

.tk-foot-serif {
  max-width: 640px;
  margin: 0;
  font-family: Newsreader;
  font-size: clamp(32px, 4vw, 60px);
  font-style: italic;
  line-height: 1.05;
}

.tk-foot-cta {
  color: #18161d;
  white-space: nowrap;
  background-color: #ec6fb7;
  border-radius: 999px;
  padding: 18px 28px;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  transition: background-color .3s;
}

.tk-foot-cta:hover {
  background-color: #fff6ee;
}

.tk-foot-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: repeat(4, 1fr);
  padding: 48px 0;
  display: grid;
}

.tk-foot-col {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.tk-foot-k {
  color: #b9b8f0;
  letter-spacing: .16em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
}

.tk-foot-v {
  font-size: 15px;
  line-height: 1.5;
}

.tk-foot-link {
  color: #fff6ee;
  text-underline-offset: 4px;
  font-size: 15px;
  text-decoration: underline;
}

.tk-foot-link:hover {
  color: #ec6fb7;
}

.tk-foot-word {
  color: #fff6ee;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  margin: 20px 0 30px;
  font-family: Big Shoulders Display;
  font-size: 13.5vw;
  font-weight: 900;
  line-height: .8;
}

.tk-foot-amp {
  color: #ec6fb7;
  text-transform: none;
  font-family: Newsreader;
  font-style: italic;
  font-weight: 400;
}

.tk-foot-credit {
  color: #b9b8f0;
  text-align: center;
  margin: 0;
  font-size: 12px;
}

.tk-foot-credit-link {
  color: #fff6ee;
  text-decoration: underline;
}

.tk-cursor {
  z-index: 100;
  opacity: 0;
  pointer-events: none;
  background-color: #18161d;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  margin-left: -6px;
  transition: width .3s cubic-bezier(.2, .8, .2, 1), height .3s cubic-bezier(.2, .8, .2, 1), margin .3s cubic-bezier(.2, .8, .2, 1), background-color .3s;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.tk-cursor-label {
  opacity: 0;
  color: #fff6ee;
  letter-spacing: .06em;
  font-family: Schibsted Grotesk;
  font-size: 12px;
  font-weight: 700;
  transition: opacity .2s;
}

.tk-map-wrap {
  width: 100%;
  position: relative;
}

.tk-skip {
  z-index: 120;
  color: #fff6ee;
  background-color: #18161d;
  border-radius: 999px;
  padding: 12px 18px;
  font-family: Schibsted Grotesk;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: top .2s;
  position: fixed;
  top: -80px;
  left: 16px;
}

.tk-skip:focus {
  top: 16px;
}

.tk-main {
  outline-style: none;
  display: block;
}

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

@media screen and (max-width: 991px) {
  .tk-nav-links {
    display: none;
  }

  .tk-hero-copy {
    justify-content: flex-start;
    width: auto;
    padding-top: 110px;
    padding-bottom: 0;
    right: 6vw;
  }

  .tk-h1 {
    font-size: 11vw;
  }

  .tk-hero-sub {
    display: none;
  }

  .tk-hero-actions {
    margin-top: 28px;
  }

  .tk-hero-meta {
    display: none;
  }

  .tk-door-spot, .tk-doorway {
    width: 300px;
    min-width: 0;
    height: 38vh;
    margin-left: -150px;
    bottom: 13vh;
    left: 50%;
    right: auto;
  }

  .tk-hint {
    display: none;
  }

  .tk-day-stage {
    grid-template-columns: 1fr;
    align-content: center;
    gap: 40px;
    padding-top: 120px;
    padding-bottom: 110px;
  }

  .tk-day-left {
    max-width: none;
  }

  .tk-clock {
    font-size: 18vw;
  }

  .tk-day-window {
    justify-self: stretch;
    max-width: none;
    height: 36vh;
  }

  .tk-day-note {
    left: 14px;
  }

  .tk-pup {
    grid-template-columns: 1fr;
    padding-top: 120px;
    padding-bottom: 110px;
  }

  .tk-price {
    grid-template-columns: 1fr;
    gap: 70px;
    padding-top: 120px;
  }

  .tk-regs-head {
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
  }

  .tk-area {
    grid-template-columns: 1fr;
    gap: 50px;
    padding-top: 120px;
  }

  .tk-area-copy {
    grid-template-columns: 1fr;
  }

  .tk-area-sub {
    margin-top: 20px;
  }

  .tk-result {
    background-color: #fff6ee1a;
    width: auto;
    min-width: 0;
    max-width: none;
    margin-top: 20px;
    position: relative;
    bottom: auto;
    right: auto;
  }

  .tk-book {
    grid-template-columns: 1fr;
    gap: 30px;
    padding-top: 120px;
  }

  .tk-foot-top {
    flex-direction: column;
    align-items: flex-start;
  }

  .tk-foot-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 767px) {
  .tk-nav {
    gap: 16px;
    padding-left: 18px;
    top: 12px;
  }

  .tk-hero-copy {
    padding-top: 92px;
  }

  .tk-eyebrow {
    margin-bottom: 16px;
    font-size: 10px;
  }

  .tk-h1 {
    font-size: 15.5vw;
  }

  .tk-btn {
    padding: 12px 12px 12px 18px;
    font-size: 14px;
  }

  .tk-link {
    display: none;
  }

  .tk-door-spot {
    width: 60vw;
    height: 34vh;
    margin-left: -30vw;
    bottom: 18vh;
  }

  .tk-mat {
    height: 30px;
    margin-top: 10px;
    font-size: 11px;
    left: -14px;
    right: -14px;
  }

  .tk-doorway {
    width: 60vw;
    height: 34vh;
    margin-left: -30vw;
    bottom: 18vh;
  }

  .tk-away {
    padding-bottom: 9vh;
  }

  .tk-away-h {
    font-size: 17vw;
  }

  .tk-away-serif {
    margin-bottom: 22px;
    font-size: 22px;
  }

  .tk-away-item {
    padding: 7px 11px;
    font-size: 12px;
  }

  .tk-ribbon {
    height: 120px;
    padding-top: 0;
    padding-bottom: 0;
    bottom: 0;
  }

  .tk-ribbon-text {
    font-size: 20px;
  }

  .tk-day-stage {
    gap: 30px;
    padding-top: 100px;
    padding-bottom: 90px;
  }

  .tk-clock {
    font-size: 27vw;
  }

  .tk-day-who {
    margin-top: 14px;
    margin-bottom: 8px;
  }

  .tk-day-title {
    margin-bottom: 0;
    font-size: 27px;
  }

  .tk-day-copy {
    margin-top: 10px;
    font-size: 15px;
    display: block;
  }

  .tk-day-window {
    height: 46vh;
    min-height: 300px;
  }

  .tk-day-note {
    padding: 8px 12px;
    font-size: 13px;
  }

  .tk-stop-time {
    font-size: 16px;
  }

  .tk-stop-label {
    display: none;
  }

  .tk-pup {
    padding-top: 100px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .tk-fact {
    grid-template-columns: 64px 1fr;
    gap: 14px;
  }

  .tk-fact-n {
    font-size: 44px;
  }

  .tk-phone-scene {
    height: 640px;
  }

  .tk-phone {
    width: 286px;
    height: 590px;
  }

  .tk-notif-a {
    max-width: 210px;
    left: -4%;
  }

  .tk-notif-b {
    max-width: 220px;
    right: -4%;
  }

  .tk-notif-c {
    display: none;
  }

  .tk-price {
    padding-top: 100px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .tk-ctrl-row {
    gap: 10px;
  }

  .tk-seg-opt {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;
  }

  .tk-printer {
    left: -8px;
    right: -8px;
  }

  .tk-receipt {
    padding-left: 20px;
    padding-right: 20px;
  }

  .tk-rc-amt {
    font-size: 64px;
  }

  .tk-regs {
    padding-top: 100px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .tk-regs-stage {
    height: 1060px;
  }

  .tk-regs-word {
    font-size: 24vw;
  }

  .tk-card-1 {
    width: 150px;
    top: 10px;
    left: 0%;
  }

  .tk-card-2 {
    width: 150px;
    top: 350px;
    left: 54%;
  }

  .tk-card-3 {
    width: 150px;
    top: 60px;
    left: 52%;
  }

  .tk-card-4 {
    width: 150px;
    top: 700px;
    left: 4%;
  }

  .tk-card-5 {
    width: 150px;
    top: 290px;
    left: 6%;
  }

  .tk-card-6 {
    width: 150px;
    top: 760px;
    left: 50%;
  }

  .tk-card-cap {
    font-size: 13px;
  }

  .tk-area {
    padding-top: 100px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .tk-map {
    border-radius: 18px;
  }

  .tk-pin-strathcona {
    top: 39%;
  }

  .tk-pin-locke {
    top: 51%;
    left: 39%;
  }

  .tk-pin-durand {
    left: 46.6%;
  }

  .tk-pin-corktown {
    left: 54.6%;
  }

  .tk-pin-stoney {
    flex-direction: row-reverse;
    top: 44%;
    left: auto;
    right: 12.5%;
  }

  .tk-pin-dot {
    width: 13px;
    height: 13px;
  }

  .tk-pin-label {
    padding-left: 7px;
    padding-right: 7px;
    font-size: 11px;
    display: none;
  }

  .tk-book {
    padding-top: 100px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .tk-next-row {
    grid-template-columns: 92px 1fr;
    gap: 12px;
  }

  .tk-form-wrap {
    padding-top: 70px;
  }

  .tk-form-cat {
    width: 130px;
    height: 94px;
    right: 24px;
    transform: translateY(24px);
  }

  .tk-form {
    padding-top: 40px;
    padding-left: 22px;
    padding-right: 22px;
  }

  .tk-f-row {
    grid-template-columns: 1fr;
  }

  .tk-foot-inner {
    padding-top: 100px;
    padding-left: 20px;
    padding-right: 20px;
  }
}