{"id":2,"date":"2026-09-14T11:43:24","date_gmt":"2026-09-14T11:43:24","guid":{"rendered":"https:\/\/kheystudio.com\/?page_id=2"},"modified":"2026-09-14T13:59:36","modified_gmt":"2026-09-14T13:59:36","slug":"home","status":"publish","type":"page","link":"https:\/\/kheystudio.com\/?page_id=2","title":{"rendered":"Home"},"content":{"rendered":"<style>\n\/* =========================================================\n   KHEY STUDIO \u2014 WORDPRESS ONE-PAGE SITE\n   Paste this entire block into a WordPress \"Custom HTML\" block.\n   No JavaScript or external CSS framework required.\n   ========================================================= *\/<\/p>\n<p>#kheystudio, #kheystudio * { box-sizing: border-box; }<\/p>\n<p>#kheystudio {\n  --ks-black: #070707;\n  --ks-black-2: #0d0d0d;\n  --ks-red: #c91f1f;\n  --ks-red-2: #8f1111;\n  --ks-gold: #d6b36a;\n  --ks-cream: #f4f0e8;\n  --ks-muted: #aaa7a0;\n  --ks-line: rgba(255,255,255,.12);\n  --ks-max: 1220px;\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  overflow: hidden;\n  background: var(--ks-black);\n  color: #fff;\n  font-family: Inter, Arial, Helvetica, sans-serif;\n  line-height: 1.5;\n}<\/p>\n<p>#kheystudio a { color: inherit; text-decoration: none; }\n#kheystudio img { max-width: 100%; display: block; }\n#kheystudio h1,\n#kheystudio h2,\n#kheystudio h3,\n#kheystudio p { margin: 0; }\n#kheystudio button,\n#kheystudio a { -webkit-tap-highlight-color: transparent; }<\/p>\n<p>\/* ---------- Shared ---------- *\/\n#kheystudio .ks-container {\n  width: min(calc(100% - 48px), var(--ks-max));\n  margin: 0 auto;\n}<\/p>\n<p>#kheystudio .ks-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  color: var(--ks-gold);\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: .22em;\n  text-transform: uppercase;\n}<\/p>\n<p>#kheystudio .ks-eyebrow::before {\n  content: \"\";\n  width: 28px;\n  height: 1px;\n  background: currentColor;\n}<\/p>\n<p>#kheystudio .ks-section-title {\n  margin-top: 14px;\n  max-width: 760px;\n  font-size: clamp(38px, 5vw, 72px);\n  line-height: .98;\n  letter-spacing: -.045em;\n  font-weight: 800;\n}<\/p>\n<p>#kheystudio .ks-copy {\n  color: #77736d;\n  font-size: 16px;\n  line-height: 1.8;\n}<\/p>\n<p>\/* ---------- HERO ---------- *\/\n#kheystudio .ks-hero {\n  position: relative;\n  min-height: 760px;\n  min-height: 100svh;\n  display: flex;\n  flex-direction: column;\n  isolation: isolate;\n  background:\n    linear-gradient(90deg, rgba(0,0,0,.96) 0%, rgba(0,0,0,.78) 35%, rgba(0,0,0,.25) 73%, rgba(0,0,0,.55) 100%),\n    linear-gradient(180deg, rgba(0,0,0,.58) 0%, rgba(0,0,0,.04) 36%, rgba(0,0,0,.78) 100%),\n    url(\"https:\/\/kheystudio.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-14-2026-at-06_05_52-PM.png\") center center \/ cover no-repeat;\n}<\/p>\n<p>#kheystudio .ks-hero::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  z-index: -1;\n  background:\n    radial-gradient(circle at 78% 48%, rgba(201,31,31,.16), transparent 30%),\n    linear-gradient(90deg, transparent 60%, rgba(201,31,31,.06));\n  pointer-events: none;\n}<\/p>\n<p>#kheystudio .ks-nav {\n  width: min(calc(100% - 48px), var(--ks-max));\n  margin: 0 auto;\n  height: 96px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 30px;\n  border-bottom: 1px solid rgba(255,255,255,.10);\n}<\/p>\n<p>#kheystudio .ks-logo {\n  width: 168px;\n  height: auto;\n  object-fit: contain;\n}<\/p>\n<p>#kheystudio .ks-nav-links {\n  display: flex;\n  align-items: center;\n  gap: 34px;\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: .16em;\n  text-transform: uppercase;\n}<\/p>\n<p>#kheystudio .ks-nav-links a {\n  position: relative;\n  color: rgba(255,255,255,.78);\n  transition: color .25s ease;\n}<\/p>\n<p>#kheystudio .ks-nav-links a::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  bottom: -8px;\n  width: 0;\n  height: 1px;\n  background: var(--ks-red);\n  transition: width .25s ease;\n}<\/p>\n<p>#kheystudio .ks-nav-links a:hover { color: #fff; }\n#kheystudio .ks-nav-links a:hover::after { width: 100%; }<\/p>\n<p>#kheystudio .ks-nav-cta {\n  padding: 13px 19px;\n  border: 1px solid rgba(255,255,255,.45);\n  font-size: 10px;\n  letter-spacing: .14em;\n  transition: .25s ease;\n}<\/p>\n<p>#kheystudio .ks-nav-cta:hover {\n  background: #fff;\n  color: #000;\n  border-color: #fff;\n}<\/p>\n<p>#kheystudio .ks-hero-inner {\n  width: min(calc(100% - 48px), var(--ks-max));\n  margin: auto auto 0;\n  padding: 100px 0 110px;\n}<\/p>\n<p>#kheystudio .ks-hero-content {\n  width: min(720px, 100%);\n}<\/p>\n<p>#kheystudio .ks-hero h1 {\n  margin-top: 18px;\n  font-size: clamp(50px, 6.7vw, 92px);\n  line-height: .86;\n  letter-spacing: -.065em;\n  font-weight: 900;\n  text-transform: uppercase;\n}<\/p>\n<p>#kheystudio .ks-hero h1 span { color: var(--ks-red); }<\/p>\n<p>#kheystudio .ks-hero-text {\n  max-width: 585px;\n  margin-top: 27px;\n  color: rgba(255,255,255,.72);\n  font-size: 16px;\n  line-height: 1.75;\n}<\/p>\n<p>#kheystudio .ks-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n  margin-top: 34px;\n}<\/p>\n<p>#kheystudio .ks-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 50px;\n  padding: 0 24px;\n  border: 1px solid rgba(255,255,255,.4);\n  font-size: 10px;\n  font-weight: 900;\n  letter-spacing: .17em;\n  text-transform: uppercase;\n  transition: transform .25s ease, background .25s ease, border-color .25s ease;\n}<\/p>\n<p>#kheystudio .ks-btn:hover { transform: translateY(-2px); }<\/p>\n<p>#kheystudio .ks-btn-primary {\n  background: var(--ks-red);\n  border-color: var(--ks-red);\n}<\/p>\n<p>#kheystudio .ks-btn-primary:hover { background: #e62b2b; }<\/p>\n<p>#kheystudio .ks-btn-ghost:hover {\n  background: #fff;\n  border-color: #fff;\n  color: #000;\n}<\/p>\n<p>#kheystudio .ks-scroll {\n  margin-top: 70px;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  color: rgba(255,255,255,.48);\n  font-size: 9px;\n  font-weight: 800;\n  letter-spacing: .2em;\n  text-transform: uppercase;\n}<\/p>\n<p>#kheystudio .ks-scroll-line {\n  width: 45px;\n  height: 1px;\n  background: var(--ks-red);\n}<\/p>\n<p>\/* ---------- SERVICE STRIP ---------- *\/\n#kheystudio .ks-services {\n  background: var(--ks-red);\n  position: relative;\n}<\/p>\n<p>#kheystudio .ks-services-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n}<\/p>\n<p>#kheystudio .ks-service {\n  min-height: 132px;\n  padding: 30px 27px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  border-right: 1px solid rgba(255,255,255,.20);\n}<\/p>\n<p>#kheystudio .ks-service:last-child { border-right: 0; }<\/p>\n<p>#kheystudio .ks-service-num {\n  margin-bottom: 11px;\n  font-size: 10px;\n  font-weight: 800;\n  letter-spacing: .15em;\n  opacity: .62;\n}<\/p>\n<p>#kheystudio .ks-service h3 {\n  font-size: 13px;\n  line-height: 1.35;\n  letter-spacing: .08em;\n  font-weight: 900;\n  text-transform: uppercase;\n}<\/p>\n<p>\/* ---------- ABOUT ---------- *\/\n#kheystudio .ks-about {\n  background: var(--ks-cream);\n  color: #111;\n  padding: 125px 0;\n}<\/p>\n<p>#kheystudio .ks-about-grid {\n  display: grid;\n  grid-template-columns: .9fr 1.1fr;\n  align-items: center;\n  gap: clamp(60px, 9vw, 125px);\n}<\/p>\n<p>#kheystudio .ks-about-title { color: #101010; }<\/p>\n<p>#kheystudio .ks-about-copy {\n  max-width: 540px;\n  margin-top: 27px;\n}<\/p>\n<p>#kheystudio .ks-about-copy strong { color: #111; }<\/p>\n<p>#kheystudio .ks-about .ks-btn {\n  margin-top: 28px;\n  border-color: #171717;\n  color: #111;\n}<\/p>\n<p>#kheystudio .ks-about .ks-btn:hover {\n  background: #111;\n  color: #fff;\n}<\/p>\n<p>#kheystudio .ks-collage {\n  position: relative;\n  min-height: 560px;\n}<\/p>\n<p>#kheystudio .ks-collage-main {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 74%;\n  height: 78%;\n  object-fit: cover;\n  filter: saturate(.82);\n}<\/p>\n<p>#kheystudio .ks-collage-small {\n  position: absolute;\n  left: 0;\n  bottom: 0;\n  width: 50%;\n  height: 52%;\n  object-fit: cover;\n  border: 10px solid var(--ks-cream);\n  filter: saturate(.82);\n}<\/p>\n<p>#kheystudio .ks-collage-accent {\n  position: absolute;\n  right: 0;\n  bottom: 4%;\n  width: 30%;\n  height: 24%;\n  object-fit: cover;\n  border: 7px solid var(--ks-cream);\n  filter: saturate(.8);\n}<\/p>\n<p>#kheystudio .ks-collage-label {\n  position: absolute;\n  left: 31%;\n  bottom: 19%;\n  z-index: 2;\n  padding: 15px 18px;\n  background: #111;\n  color: #fff;\n  font-size: 9px;\n  font-weight: 900;\n  letter-spacing: .18em;\n  text-transform: uppercase;\n}<\/p>\n<p>\/* ---------- WORK ---------- *\/\n#kheystudio .ks-work {\n  background: #0a0a0a;\n  padding: 125px 0;\n}<\/p>\n<p>#kheystudio .ks-work-head {\n  display: flex;\n  align-items: end;\n  justify-content: space-between;\n  gap: 40px;\n  margin-bottom: 54px;\n}<\/p>\n<p>#kheystudio .ks-work-title { max-width: 700px; }<\/p>\n<p>#kheystudio .ks-work-intro {\n  max-width: 330px;\n  color: #858585;\n  font-size: 14px;\n  line-height: 1.7;\n}<\/p>\n<p>#kheystudio .ks-projects {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 28px;\n}<\/p>\n<p>#kheystudio .ks-project {\n  position: relative;\n  min-height: 450px;\n  overflow: hidden;\n  background: #161616;\n}<\/p>\n<p>#kheystudio .ks-project img {\n  width: 100%;\n  height: 100%;\n  min-height: 450px;\n  object-fit: cover;\n  transition: transform .65s cubic-bezier(.2,.7,.2,1);\n  filter: saturate(.82);\n}<\/p>\n<p>#kheystudio .ks-project::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(180deg, transparent 30%, rgba(0,0,0,.86) 100%);\n}<\/p>\n<p>#kheystudio .ks-project:hover img { transform: scale(1.055); }<\/p>\n<p>#kheystudio .ks-project-info {\n  position: absolute;\n  z-index: 2;\n  left: 28px;\n  right: 28px;\n  bottom: 27px;\n}<\/p>\n<p>#kheystudio .ks-project-type {\n  color: var(--ks-gold);\n  font-size: 9px;\n  font-weight: 900;\n  letter-spacing: .18em;\n  text-transform: uppercase;\n}<\/p>\n<p>#kheystudio .ks-project h3 {\n  margin-top: 7px;\n  font-size: 27px;\n  line-height: 1;\n  letter-spacing: -.03em;\n  text-transform: uppercase;\n}<\/p>\n<p>#kheystudio .ks-project p {\n  margin-top: 8px;\n  color: rgba(255,255,255,.62);\n  font-size: 12px;\n}<\/p>\n<p>\/* ---------- CTA ---------- *\/\n#kheystudio .ks-cta {\n  position: relative;\n  overflow: hidden;\n  background:\n    radial-gradient(circle at 85% 50%, rgba(255,255,255,.12), transparent 27%),\n    linear-gradient(115deg, #b51616, #d52626 50%, #a81212);\n  padding: 100px 0;\n}<\/p>\n<p>#kheystudio .ks-cta::before {\n  content: \"KHEY\";\n  position: absolute;\n  right: -20px;\n  bottom: -58px;\n  color: rgba(0,0,0,.10);\n  font-size: clamp(150px, 25vw, 360px);\n  font-weight: 900;\n  line-height: 1;\n  letter-spacing: -.09em;\n  pointer-events: none;\n}<\/p>\n<p>#kheystudio .ks-cta-inner {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  align-items: end;\n  justify-content: space-between;\n  gap: 45px;\n}<\/p>\n<p>#kheystudio .ks-cta h2 {\n  max-width: 760px;\n  margin-top: 14px;\n  font-size: clamp(43px, 6vw, 82px);\n  line-height: .92;\n  letter-spacing: -.055em;\n  text-transform: uppercase;\n}<\/p>\n<p>#kheystudio .ks-cta p {\n  margin-top: 20px;\n  color: rgba(255,255,255,.74);\n  font-size: 16px;\n}<\/p>\n<p>#kheystudio .ks-cta .ks-btn {\n  flex: 0 0 auto;\n  background: #fff;\n  border-color: #fff;\n  color: #111;\n}<\/p>\n<p>#kheystudio .ks-cta .ks-btn:hover {\n  background: #111;\n  color: #fff;\n  border-color: #111;\n}<\/p>\n<p>\/* ---------- FOOTER ---------- *\/\n#kheystudio .ks-footer {\n  background: #050505;\n  padding: 75px 0 25px;\n}<\/p>\n<p>#kheystudio .ks-footer-top {\n  display: grid;\n  grid-template-columns: 1.5fr 1fr 1fr 1fr;\n  gap: 55px;\n  padding-bottom: 55px;\n  border-bottom: 1px solid var(--ks-line);\n}<\/p>\n<p>#kheystudio .ks-footer-logo {\n  width: 150px;\n}<\/p>\n<p>#kheystudio .ks-footer-brand p {\n  max-width: 310px;\n  margin-top: 20px;\n  color: #777;\n  font-size: 13px;\n  line-height: 1.75;\n}<\/p>\n<p>#kheystudio .ks-footer h4 {\n  margin-bottom: 18px;\n  color: #fff;\n  font-size: 10px;\n  letter-spacing: .18em;\n  text-transform: uppercase;\n}<\/p>\n<p>#kheystudio .ks-footer-links {\n  display: grid;\n  gap: 10px;\n  color: #777;\n  font-size: 13px;\n}<\/p>\n<p>#kheystudio .ks-footer-links a { transition: color .2s ease; }\n#kheystudio .ks-footer-links a:hover { color: #fff; }<\/p>\n<p>#kheystudio .ks-footer-bottom {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 20px;\n  padding-top: 23px;\n  color: #555;\n  font-size: 10px;\n  letter-spacing: .06em;\n}<\/p>\n<p>#kheystudio .ks-socials {\n  display: flex;\n  gap: 9px;\n}<\/p>\n<p>#kheystudio .ks-social {\n  width: 35px;\n  height: 35px;\n  display: grid;\n  place-items: center;\n  border: 1px solid #272727;\n  color: #aaa;\n  font-size: 10px;\n  font-weight: 900;\n  transition: .2s ease;\n}<\/p>\n<p>#kheystudio .ks-social:hover {\n  background: #fff;\n  color: #000;\n  border-color: #fff;\n}<\/p>\n<p>\/* ---------- MOBILE ---------- *\/\n@media (max-width: 900px) {\n  #kheystudio .ks-nav { height: 82px; }\n  #kheystudio .ks-logo { width: 135px; }\n  #kheystudio .ks-nav-links { display: none; }<\/p>\n<p>  #kheystudio .ks-hero {\n    min-height: 760px;\n    background-position: 62% center;\n  }<\/p>\n<p>  #kheystudio .ks-hero-inner {\n    padding: 80px 0 65px;\n  }<\/p>\n<p>  #kheystudio .ks-hero h1 {\n    font-size: clamp(44px, 12.5vw, 70px);\n  }<\/p>\n<p>  #kheystudio .ks-services-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }<\/p>\n<p>  #kheystudio .ks-service:nth-child(2) { border-right: 0; }\n  #kheystudio .ks-service:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.20); }<\/p>\n<p>  #kheystudio .ks-about-grid {\n    grid-template-columns: 1fr;\n    gap: 55px;\n  }<\/p>\n<p>  #kheystudio .ks-collage { min-height: 500px; }<\/p>\n<p>  #kheystudio .ks-work-head,\n  #kheystudio .ks-cta-inner {\n    align-items: start;\n    flex-direction: column;\n  }<\/p>\n<p>  #kheystudio .ks-projects { grid-template-columns: 1fr; }<\/p>\n<p>  #kheystudio .ks-footer-top {\n    grid-template-columns: 1fr 1fr;\n  }\n}<\/p>\n<p>@media (max-width: 560px) {\n  #kheystudio .ks-container,\n  #kheystudio .ks-nav,\n  #kheystudio .ks-hero-inner {\n    width: min(calc(100% - 32px), var(--ks-max));\n  }<\/p>\n<p>  #kheystudio .ks-hero {\n    min-height: 700px;\n    background-position: 64% center;\n  }<\/p>\n<p>  #kheystudio .ks-hero h1 {\n    font-size: 45px;\n  }<\/p>\n<p>  #kheystudio .ks-hero-text {\n    font-size: 14px;\n  }<\/p>\n<p>  #kheystudio .ks-actions {\n    flex-direction: column;\n    align-items: stretch;\n  }<\/p>\n<p>  #kheystudio .ks-btn { width: 100%; }<\/p>\n<p>  #kheystudio .ks-services-grid {\n    grid-template-columns: 1fr;\n  }<\/p>\n<p>  #kheystudio .ks-service {\n    min-height: 104px;\n    border-right: 0;\n    border-bottom: 1px solid rgba(255,255,255,.20);\n  }<\/p>\n<p>  #kheystudio .ks-service:last-child { border-bottom: 0; }<\/p>\n<p>  #kheystudio .ks-about,\n  #kheystudio .ks-work { padding: 82px 0; }<\/p>\n<p>  #kheystudio .ks-collage {\n    min-height: 390px;\n  }<\/p>\n<p>  #kheystudio .ks-collage-main { width: 78%; height: 75%; }\n  #kheystudio .ks-collage-small { width: 55%; height: 50%; }\n  #kheystudio .ks-collage-accent { width: 31%; height: 25%; }<\/p>\n<p>  #kheystudio .ks-project { min-height: 390px; }\n  #kheystudio .ks-project img { min-height: 390px; }<\/p>\n<p>  #kheystudio .ks-cta { padding: 80px 0; }<\/p>\n<p>  #kheystudio .ks-footer-top {\n    grid-template-columns: 1fr;\n    gap: 38px;\n  }<\/p>\n<p>  #kheystudio .ks-footer-bottom {\n    align-items: flex-start;\n    flex-direction: column;\n  }\n}\n<\/style>\n<div id=\"kheystudio\">\n<p>  <!-- HERO --><\/p>\n<section class=\"ks-hero\" id=\"home\">\n<nav class=\"ks-nav\">\n      <a class=\"ks-logo-link\" href=\"#home\" aria-label=\"KheyStudio home\"><br \/>\n        <span class=\"ks-logo-fallback\" aria-hidden=\"true\">KHEY<span>STUDIO<\/span><\/span><br \/>\n        <img loading=\"lazy\" decoding=\"async\" class=\"ks-logo\"\n             src=\"https:\/\/kheystudio.com\/wp-content\/uploads\/2026\/09\/KheyStudio.png\"\n             alt=\"KheyStudio\"\n             width=\"420\"\n             height=\"140\"><br \/>\n      <\/a><\/p>\n<div class=\"ks-nav-links\">\n        <a href=\"#home\">Home<\/a><br \/>\n        <a href=\"#about\">About<\/a><br \/>\n        <a href=\"#work\">Work<\/a><br \/>\n        <a href=\"#contact\">Contact<\/a>\n      <\/div>\n<p>      <a class=\"ks-nav-cta\" href=\"#contact\">Start a Project<\/a><br \/>\n    <\/nav>\n<div class=\"ks-hero-inner\">\n<div class=\"ks-hero-content\">\n<div class=\"ks-eyebrow\">Creative Film &amp; Content Studio<\/div>\n<h1>We create<br \/>stories that <span>stay.<\/span><\/h1>\n<p class=\"ks-hero-text\">\n          From a first spark of an idea to the final frame, KheyStudio builds<br \/>\n          bold films, powerful content and stories people remember.\n        <\/p>\n<div class=\"ks-actions\">\n          <a class=\"ks-btn ks-btn-primary\" href=\"#work\">Explore Our Work<\/a><br \/>\n          <a class=\"ks-btn ks-btn-ghost\"\n             href=\"https:\/\/www.youtube.com\/@KHEYSTUDIO\"\n             target=\"_blank\" rel=\"noopener noreferrer\">Watch Showreel&nbsp; \u2197<\/a>\n        <\/div>\n<div class=\"ks-scroll\">\n          <span class=\"ks-scroll-line\"><\/span><br \/>\n          Scroll to discover\n        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>  <!-- SERVICES --><\/p>\n<section class=\"ks-services\" aria-label=\"Our services\">\n<div class=\"ks-container ks-services-grid\">\n<div class=\"ks-service\">\n<div class=\"ks-service-num\">01<\/div>\n<h3>Discover Fresh Talent<\/h3>\n<\/p><\/div>\n<div class=\"ks-service\">\n<div class=\"ks-service-num\">02<\/div>\n<h3>Create Powerful Content<\/h3>\n<\/p><\/div>\n<div class=\"ks-service\">\n<div class=\"ks-service-num\">03<\/div>\n<h3>Produce Quality Films<\/h3>\n<\/p><\/div>\n<div class=\"ks-service\">\n<div class=\"ks-service-num\">04<\/div>\n<h3>Write Impactful Stories<\/h3>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>  <!-- ABOUT \/ MISSION --><\/p>\n<section class=\"ks-about\" id=\"about\">\n<div class=\"ks-container ks-about-grid\">\n<div>\n<div class=\"ks-eyebrow\">Our Mission<\/div>\n<h2 class=\"ks-section-title ks-about-title\">We bring ideas to life.<\/h2>\n<p class=\"ks-copy ks-about-copy\">\n          KheyStudio is built around one belief: great stories deserve to be<br \/>\n          felt, not simply watched. We combine sharp creative direction,<br \/>\n          cinematic production and authentic storytelling to turn ideas into<br \/>\n          work that connects.\n        <\/p>\n<p class=\"ks-copy ks-about-copy\">\n          Whether it is a film, branded story, music project, campaign or a<br \/>\n          completely new idea, we build every frame with intention.\n        <\/p>\n<p>        <a class=\"ks-btn\" href=\"#contact\">Work With Us&nbsp; \u2192<\/a>\n      <\/div>\n<div class=\"ks-collage\" aria-label=\"KheyStudio creative production\">\n        <img decoding=\"async\" class=\"ks-collage-main\"\n             src=\"https:\/\/images.unsplash.com\/photo-1489599849927-2ee91cede3ba?auto=format&#038;fit=crop&#038;w=1400&#038;q=85\"\n             alt=\"Cinema interior\"><br \/>\n        <img decoding=\"async\" class=\"ks-collage-small\"\n             src=\"https:\/\/images.unsplash.com\/photo-1485846234645-a62644f84728?auto=format&#038;fit=crop&#038;w=1000&#038;q=85\"\n             alt=\"Film production\"><br \/>\n        <img decoding=\"async\" class=\"ks-collage-accent\"\n             src=\"https:\/\/images.unsplash.com\/photo-1485095329183-d0797cdc5676?auto=format&#038;fit=crop&#038;w=700&#038;q=85\"\n             alt=\"Cinematic scene\"><\/p>\n<div class=\"ks-collage-label\">Ideas \u2192 Frames \u2192 Stories<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>  <!-- WORK --><\/p>\n<section class=\"ks-work\" id=\"work\">\n<div class=\"ks-container\">\n<div class=\"ks-work-head\">\n<div class=\"ks-work-title\">\n<div class=\"ks-eyebrow\">Recent Work<\/div>\n<h2 class=\"ks-section-title\">Stories we&#8217;re proud of.<\/h2>\n<\/p><\/div>\n<p class=\"ks-work-intro\">\n          A selection of cinematic work, creative experiments and stories<br \/>\n          created with people who care deeply about what they make.\n        <\/p>\n<\/p><\/div>\n<div class=\"ks-projects\">\n<article class=\"ks-project\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519608487953-e999c86e7455?auto=format&#038;fit=crop&#038;w=1400&#038;q=85\"\n               alt=\"Cinematic landscape\"><\/p>\n<div class=\"ks-project-info\">\n<div class=\"ks-project-type\">Film \/ Visual Story<\/div>\n<h3>Beyond The Frame<\/h3>\n<p>A visual story built around atmosphere, movement and emotion.<\/p>\n<\/p><\/div>\n<\/article>\n<article class=\"ks-project\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1516280440614-37939bbacd81?auto=format&#038;fit=crop&#038;w=1400&#038;q=85\"\n               alt=\"Creative performance\"><\/p>\n<div class=\"ks-project-info\">\n<div class=\"ks-project-type\">Music \/ Performance<\/div>\n<h3>After Dark<\/h3>\n<p>A performance-led piece with a cinematic visual language.<\/p>\n<\/p><\/div>\n<\/article>\n<article class=\"ks-project\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1500530855697-b586d89ba3ee?auto=format&#038;fit=crop&#038;w=1400&#038;q=85\"\n               alt=\"Creative campaign\"><\/p>\n<div class=\"ks-project-info\">\n<div class=\"ks-project-type\">Brand \/ Campaign<\/div>\n<h3>Made To Move<\/h3>\n<p>Storytelling designed to make a brand feel human.<\/p>\n<\/p><\/div>\n<\/article>\n<article class=\"ks-project\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1493225457124-a3eb161ffa5f?auto=format&#038;fit=crop&#038;w=1400&#038;q=85\"\n               alt=\"Music and artist project\"><\/p>\n<div class=\"ks-project-info\">\n<div class=\"ks-project-type\">Artist \/ Content<\/div>\n<h3>New Voices<\/h3>\n<p>Finding fresh talent and giving their stories a stage.<\/p>\n<\/p><\/div>\n<\/article><\/div>\n<\/p><\/div>\n<\/section>\n<p>  <!-- CTA --><\/p>\n<section class=\"ks-cta\" id=\"contact\">\n<div class=\"ks-container ks-cta-inner\">\n<div>\n<div class=\"ks-eyebrow\" style=\"color:#fff;\">Have a story to tell?<\/div>\n<h2>Let&#8217;s create something extraordinary together.<\/h2>\n<p>Bring the idea. We&#8217;ll help turn it into something people remember.<\/p>\n<\/p><\/div>\n<p>      <a class=\"ks-btn\" href=\"mailto:create@kheystudio.com\">Let&#8217;s Talk&nbsp; \u2192<\/a>\n    <\/div>\n<\/section>\n<p>  <!-- FOOTER --><\/p>\n<footer class=\"ks-footer\">\n<div class=\"ks-container\">\n<div class=\"ks-footer-top\">\n<div class=\"ks-footer-brand\">\n          <a class=\"ks-footer-logo-link\" href=\"#home\" aria-label=\"KheyStudio home\"><br \/>\n            <span class=\"ks-footer-logo-fallback\" aria-hidden=\"true\">KHEY<span>STUDIO<\/span><\/span><br \/>\n            <img loading=\"lazy\" decoding=\"async\" class=\"ks-footer-logo\"\n                 src=\"https:\/\/kheystudio.com\/wp-content\/uploads\/2026\/09\/KheyStudio.png\"\n                 alt=\"KheyStudio\"\n                 width=\"420\"\n                 height=\"140\"><br \/>\n          <\/a><\/p>\n<p>\n            A creative film and content house creating stories that stay.<br \/>\n            Film. Content. Talent. Stories.\n          <\/p>\n<\/p><\/div>\n<div>\n<h4>Explore<\/h4>\n<div class=\"ks-footer-links\">\n            <a href=\"#home\">Home<\/a><br \/>\n            <a href=\"#about\">About<\/a><br \/>\n            <a href=\"#work\">Our Work<\/a><br \/>\n            <a href=\"#contact\">Contact<\/a>\n          <\/div>\n<\/p><\/div>\n<div>\n<h4>Connect<\/h4>\n<div class=\"ks-footer-links\">\n            <a href=\"https:\/\/www.instagram.com\/KHEYSTUDIO\/\"\n               target=\"_blank\" rel=\"noopener noreferrer\">Instagram \u2197<\/a><br \/>\n            <a href=\"https:\/\/www.youtube.com\/@KHEYSTUDIO\"\n               target=\"_blank\" rel=\"noopener noreferrer\">YouTube \u2197<\/a><br \/>\n            <a href=\"mailto:create@kheystudio.com\">Email \u2197<\/a>\n          <\/div>\n<\/p><\/div>\n<div>\n<h4>Location<\/h4>\n<div class=\"ks-footer-links\">\n            <span>Hyderabad, India<\/span><br \/>\n            <a href=\"mailto:create@kheystudio.com\">create@kheystudio.com<\/a><br \/>\n            <span>+91 9182088441<\/span>\n          <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"ks-footer-bottom\">\n<div>\u00a9 2026 KheyStudio. All rights reserved.<\/div>\n<div class=\"ks-socials\">\n          <a class=\"ks-social\"\n             href=\"https:\/\/www.instagram.com\/KHEYSTUDIO\/\"\n             target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Instagram\"><br \/>\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"><\/rect>\n              <circle cx=\"12\" cy=\"12\" r=\"4.2\"><\/circle>\n              <circle class=\"ks-icon-dot\" cx=\"17.4\" cy=\"6.7\" r=\"1\"><\/circle>\n            <\/svg><br \/>\n          <\/a><br \/>\n          <a class=\"ks-social\"\n             href=\"https:\/\/www.youtube.com\/@KHEYSTUDIO\"\n             target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"YouTube\"><br \/>\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path class=\"ks-youtube-shape\" d=\"M21 7.2a2.8 2.8 0 0 0-2-2C17.2 4.7 12 4.7 12 4.7s-5.2 0-7 .5a2.8 2.8 0 0 0-2 2A29 29 0 0 0 2.5 12 29 29 0 0 0 3 16.8a2.8 2.8 0 0 0 2 2c1.8.5 7 .5 7 .5s5.2 0 7-.5a2.8 2.8 0 0 0 2-2 29 29 0 0 0 .5-4.8 29 29 0 0 0-.5-4.8Z\"><\/path>\n              <path class=\"ks-youtube-play\" d=\"m10 9 5 3-5 3V9Z\"><\/path>\n            <\/svg><br \/>\n          <\/a>\n        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/footer>\n<\/div>\n<style>\n\/* =========================================================\n   KHEY STUDIO \u2014 READABILITY + TYPOGRAPHY UPGRADE\n   Designed for strong contrast without losing the cinematic look.\n   ========================================================= *\/<\/p>\n<p>#kheystudio {\n  --ks-black: #070707;\n  --ks-black-2: #101010;\n  --ks-red: #d52a2a;\n  --ks-red-2: #a91515;\n  --ks-red-bright: #ff5050;\n  --ks-gold: #e2bd72;\n  --ks-gold-dark: #825b18;\n  --ks-cream: #f6f1e8;\n  --ks-ink: #171717;\n  --ks-muted: #c7c7c7;\n  --ks-muted-dark: #4c4a46;\n}<\/p>\n<p>\/* Use a clean, highly legible studio-style type system.\n   Inter is preferred; the fallbacks keep WordPress rendering stable. *\/\n#kheystudio,\n#kheystudio button,\n#kheystudio a {\n  font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto,\n               Helvetica, Arial, sans-serif;\n}<\/p>\n<p>#kheystudio .ks-eyebrow {\n  color: var(--ks-gold);\n  font-weight: 800;\n  letter-spacing: .18em;\n}<\/p>\n<p>#kheystudio .ks-hero h1 {\n  color: #fff;\n  font-weight: 850;\n  text-shadow: 0 2px 18px rgba(0,0,0,.28);\n}<\/p>\n<p>#kheystudio .ks-hero h1 span {\n  color: var(--ks-red-bright);\n}<\/p>\n<p>#kheystudio .ks-hero-text {\n  color: #f0f0f0;\n  font-size: 17px;\n  line-height: 1.72;\n  text-shadow: 0 1px 10px rgba(0,0,0,.45);\n}<\/p>\n<p>#kheystudio .ks-nav-links a {\n  color: #ededed;\n}<\/p>\n<p>#kheystudio .ks-nav-links a:hover {\n  color: #fff;\n}<\/p>\n<p>#kheystudio .ks-scroll {\n  color: #d5d5d5;\n}<\/p>\n<p>#kheystudio .ks-btn {\n  font-weight: 850;\n}<\/p>\n<p>#kheystudio .ks-btn-ghost {\n  color: #fff;\n  border-color: rgba(255,255,255,.72);\n  background: rgba(0,0,0,.12);\n}<\/p>\n<p>#kheystudio .ks-btn-ghost:hover {\n  color: #000;\n  background: #fff;\n  border-color: #fff;\n}<\/p>\n<p>\/* Red service strip: white text stays crisp against the red. *\/\n#kheystudio .ks-service-num {\n  color: #ffe1e1;\n  opacity: .92;\n}<\/p>\n<p>#kheystudio .ks-service h3 {\n  color: #fff;\n}<\/p>\n<p>\/* Cream section: replace weak gray body copy with a dark neutral. *\/\n#kheystudio .ks-about .ks-eyebrow {\n  color: var(--ks-gold-dark);\n}<\/p>\n<p>#kheystudio .ks-copy {\n  color: var(--ks-muted-dark);\n  font-size: 16px;\n  line-height: 1.82;\n}<\/p>\n<p>#kheystudio .ks-about-copy strong {\n  color: #111;\n}<\/p>\n<p>#kheystudio .ks-about .ks-btn {\n  color: #111;\n  border-color: #242424;\n  font-weight: 850;\n}<\/p>\n<p>\/* Work section: substantially brighter supporting copy. *\/\n#kheystudio .ks-work .ks-eyebrow {\n  color: var(--ks-gold);\n}<\/p>\n<p>#kheystudio .ks-work-intro {\n  color: #c4c4c4;\n  font-size: 15px;\n  line-height: 1.78;\n}<\/p>\n<p>#kheystudio .ks-project-type {\n  color: #f0c979;\n}<\/p>\n<p>#kheystudio .ks-project h3 {\n  color: #fff;\n  text-shadow: 0 2px 12px rgba(0,0,0,.55);\n}<\/p>\n<p>#kheystudio .ks-project p {\n  color: #e1e1e1;\n  line-height: 1.55;\n}<\/p>\n<p>\/* CTA: keep the cinematic red, but remove low-contrast gray. *\/\n#kheystudio .ks-cta .ks-eyebrow {\n  color: #fff;\n}<\/p>\n<p>#kheystudio .ks-cta p {\n  color: #fff;\n  opacity: .9;\n}<\/p>\n<p>\/* Footer: make every useful piece of information clearly readable. *\/\n#kheystudio .ks-footer-brand p {\n  color: #a9a9a9;\n  line-height: 1.8;\n}<\/p>\n<p>#kheystudio .ks-footer h4 {\n  color: #fff;\n}<\/p>\n<p>#kheystudio .ks-footer-links {\n  color: #a8a8a8;\n  line-height: 1.55;\n}<\/p>\n<p>#kheystudio .ks-footer-links a:hover {\n  color: #fff;\n}<\/p>\n<p>#kheystudio .ks-footer-bottom {\n  color: #8d8d8d;\n}<\/p>\n<p>#kheystudio .ks-social {\n  color: #d0d0d0;\n}<\/p>\n<p>\/* Better keyboard visibility. *\/\n#kheystudio a:focus-visible {\n  outline: 2px solid #fff;\n  outline-offset: 4px;\n}<\/p>\n<p>\/* Slightly calmer text sizing on smaller screens. *\/\n@media (max-width: 560px) {\n  #kheystudio .ks-hero-text {\n    font-size: 15px;\n    line-height: 1.7;\n  }<\/p>\n<p>  #kheystudio .ks-copy {\n    font-size: 15px;\n  }<\/p>\n<p>  #kheystudio .ks-work-intro {\n    font-size: 14px;\n  }\n}\n<\/style>\n<style>\n\/* =========================================================\n   KHEY STUDIO \u2014 FINAL QA \/ POLISH OVERRIDES\n   ========================================================= *\/<\/p>\n<p>#kheystudio {\n  --ks-radius: 7px;\n}<\/p>\n<p>\/* Keep WordPress\/theme typography from changing the intended hierarchy. *\/\n#kheystudio h1,\n#kheystudio h2,\n#kheystudio h3,\n#kheystudio h4,\n#kheystudio p,\n#kheystudio a,\n#kheystudio span {\n  word-break: normal;\n  overflow-wrap: normal;\n}<\/p>\n<p>\/* Header\/logo: larger on desktop and reliably constrained on mobile. *\/\n#kheystudio .ks-logo-link {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: 205px;\n  min-width: 205px;\n  height: 58px;\n  overflow: hidden;\n}<\/p>\n<p>#kheystudio .ks-logo {\n  position: relative;\n  z-index: 2;\n  width: 205px;\n  height: auto;\n  max-height: 58px;\n  object-fit: contain;\n  object-position: left center;\n}<\/p>\n<p>#kheystudio .ks-logo-fallback,\n#kheystudio .ks-footer-logo-fallback {\n  position: absolute;\n  inset: 0 auto 0 0;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  color: #fff;\n  font-size: 21px;\n  line-height: 1;\n  font-weight: 900;\n  letter-spacing: -.055em;\n}<\/p>\n<p>#kheystudio .ks-logo-fallback span,\n#kheystudio .ks-footer-logo-fallback span {\n  font-weight: 500;\n  margin-left: 1px;\n}<\/p>\n<p>#kheystudio .ks-footer-logo-link {\n  position: relative;\n  display: inline-flex;\n  width: 180px;\n  min-height: 52px;\n  align-items: center;\n}<\/p>\n<p>#kheystudio .ks-footer-logo {\n  position: relative;\n  z-index: 2;\n  width: 180px;\n  height: auto;\n  max-height: 52px;\n  object-fit: contain;\n  object-position: left center;\n}<\/p>\n<p>#kheystudio .ks-footer-logo-fallback {\n  font-size: 20px;\n}<\/p>\n<p>\/* If the remote image fails, the fallback wordmark remains available.\n   The image itself is still used when the URL resolves normally. *\/\n#kheystudio .ks-logo,\n#kheystudio .ks-footer-logo {\n  background: transparent;\n}<\/p>\n<p>\/* Hero: slightly smaller headline and stronger readable copy. *\/\n#kheystudio .ks-hero h1 {\n  font-size: clamp(50px, 6.7vw, 92px) !important;\n  max-width: 820px;\n  line-height: .88;\n  letter-spacing: -.058em;\n}<\/p>\n<p>#kheystudio .ks-hero-text {\n  max-width: 590px;\n  color: #f4f4f4 !important;\n}<\/p>\n<p>\/* Work title: force visibility against the black section. *\/\n#kheystudio .ks-work .ks-section-title,\n#kheystudio .ks-work h2 {\n  color: #fff !important;\n  opacity: 1 !important;\n  visibility: visible !important;\n}<\/p>\n<p>#kheystudio .ks-work-intro {\n  color: #d0d0d0 !important;\n}<\/p>\n<p>\/* Consistent button treatment. *\/\n#kheystudio .ks-btn,\n#kheystudio .ks-nav-cta {\n  border-radius: var(--ks-radius);\n}<\/p>\n<p>#kheystudio .ks-btn-primary {\n  box-shadow: 0 8px 25px rgba(0,0,0,.16);\n}<\/p>\n<p>#kheystudio .ks-nav-cta {\n  border-radius: 6px;\n}<\/p>\n<p>\/* Footer social icons. *\/\n#kheystudio .ks-social {\n  border-radius: 50%;\n  width: 40px;\n  height: 40px;\n  padding: 9px;\n}<\/p>\n<p>#kheystudio .ks-social svg {\n  width: 100%;\n  height: 100%;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}<\/p>\n<p>#kheystudio .ks-social .ks-icon-dot {\n  fill: currentColor;\n  stroke: none;\n}<\/p>\n<p>#kheystudio .ks-social .ks-youtube-shape {\n  fill: currentColor;\n  stroke: none;\n}<\/p>\n<p>#kheystudio .ks-social .ks-youtube-play {\n  fill: #050505;\n  stroke: none;\n}<\/p>\n<p>#kheystudio .ks-social:hover .ks-youtube-play {\n  fill: #fff;\n}<\/p>\n<p>\/* Mobile: no horizontal overflow, comfortable tap targets, stable logo. *\/\n@media (max-width: 900px) {\n  #kheystudio .ks-nav {\n    width: min(calc(100% - 32px), var(--ks-max));\n    height: 78px;\n  }<\/p>\n<p>  #kheystudio .ks-logo-link {\n    width: 175px;\n    min-width: 175px;\n    height: 50px;\n  }<\/p>\n<p>  #kheystudio .ks-logo {\n    width: 175px;\n    max-height: 50px;\n  }<\/p>\n<p>  #kheystudio .ks-nav-cta {\n    padding: 11px 14px;\n    white-space: nowrap;\n  }<\/p>\n<p>  #kheystudio .ks-hero-inner {\n    width: min(calc(100% - 32px), var(--ks-max));\n  }<\/p>\n<p>  #kheystudio .ks-hero h1 {\n    font-size: clamp(43px, 11.5vw, 70px) !important;\n    max-width: 650px;\n  }\n}<\/p>\n<p>@media (max-width: 560px) {\n  #kheystudio {\n    width: 100%;\n    max-width: 100%;\n  }<\/p>\n<p>  #kheystudio .ks-nav {\n    width: calc(100% - 28px);\n    height: 72px;\n    gap: 10px;\n  }<\/p>\n<p>  #kheystudio .ks-logo-link {\n    width: 155px;\n    min-width: 155px;\n    height: 46px;\n  }<\/p>\n<p>  #kheystudio .ks-logo {\n    width: 155px;\n    max-height: 46px;\n  }<\/p>\n<p>  #kheystudio .ks-logo-fallback {\n    font-size: 18px;\n  }<\/p>\n<p>  #kheystudio .ks-nav-cta {\n    padding: 10px 11px;\n    font-size: 8px;\n    letter-spacing: .11em;\n  }<\/p>\n<p>  #kheystudio .ks-hero {\n    min-height: 720px;\n    background-position: 64% center;\n  }<\/p>\n<p>  #kheystudio .ks-hero-inner {\n    width: calc(100% - 28px);\n    padding: 70px 0 55px;\n  }<\/p>\n<p>  #kheystudio .ks-hero h1 {\n    font-size: 43px !important;\n    line-height: .9;\n    letter-spacing: -.052em;\n  }<\/p>\n<p>  #kheystudio .ks-hero-text {\n    font-size: 15px;\n    line-height: 1.68;\n    max-width: 100%;\n  }<\/p>\n<p>  #kheystudio .ks-actions {\n    gap: 10px;\n  }<\/p>\n<p>  #kheystudio .ks-btn {\n    min-height: 52px;\n  }<\/p>\n<p>  #kheystudio .ks-about,\n  #kheystudio .ks-work {\n    padding: 76px 0;\n  }<\/p>\n<p>  #kheystudio .ks-section-title {\n    font-size: 43px;\n  }<\/p>\n<p>  #kheystudio .ks-project h3 {\n    font-size: 24px;\n  }<\/p>\n<p>  #kheystudio .ks-footer-logo-link {\n    width: 160px;\n  }<\/p>\n<p>  #kheystudio .ks-footer-logo {\n    width: 160px;\n  }\n}<\/p>\n<p>\/* Prevent theme-level paragraph margins from creating random gaps. *\/\n#kheystudio p {\n  margin-block-start: 0;\n  margin-block-end: 0;\n}<\/p>\n<p>\/* Prevent images from introducing baseline gaps. *\/\n#kheystudio img {\n  vertical-align: middle;\n}\n<\/style>\n<style>\n\/* =========================================================\n   FINAL LOGO FIX\n   Removes the stray white strip visible at the left edge of\n   the supplied logo artwork and prevents fallback text from\n   sitting underneath the real logo.\n   ========================================================= *\/<\/p>\n<p>#kheystudio .ks-logo-link {\n  width: 210px;\n  min-width: 210px;\n  height: 62px;\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  position: relative;\n  font-size: 0;\n}<\/p>\n<p>#kheystudio .ks-logo-fallback {\n  display: none !important;\n}<\/p>\n<p>#kheystudio .ks-logo {\n  display: block;\n  width: 216px;\n  max-width: none;\n  height: 62px;\n  max-height: 62px;\n  object-fit: contain;\n  object-position: left center;\n  transform: translateX(-5px);\n  clip-path: inset(0 0 0 5px);\n  flex: 0 0 auto;\n}<\/p>\n<p>\/* Keep the logo clean and proportionate on phones. *\/\n@media (max-width: 900px) {\n  #kheystudio .ks-logo-link {\n    width: 178px;\n    min-width: 178px;\n    height: 52px;\n  }<\/p>\n<p>  #kheystudio .ks-logo {\n    width: 183px;\n    height: 52px;\n    max-height: 52px;\n    transform: translateX(-4px);\n    clip-path: inset(0 0 0 4px);\n  }<\/p>\n<p>  #kheystudio .ks-nav {\n    gap: 12px;\n  }<\/p>\n<p>  #kheystudio .ks-nav-cta {\n    padding: 11px 13px;\n    white-space: nowrap;\n  }\n}<\/p>\n<p>@media (max-width: 560px) {\n  #kheystudio .ks-logo-link {\n    width: 150px;\n    min-width: 150px;\n    height: 45px;\n  }<\/p>\n<p>  #kheystudio .ks-logo {\n    width: 154px;\n    height: 45px;\n    max-height: 45px;\n    transform: translateX(-3px);\n    clip-path: inset(0 0 0 3px);\n  }<\/p>\n<p>  #kheystudio .ks-nav-cta {\n    padding: 10px 11px;\n    font-size: 9px;\n    letter-spacing: .10em;\n  }\n}\n<\/style>\n<style>\n\/* =========================================================\n   FINAL FOOTER LOGO FIX\n   Match the exact cleaned treatment used by the header logo.\n   This removes the artwork's left-edge artifact and prevents\n   the fallback wordmark from ever appearing behind it.\n   ========================================================= *\/<\/p>\n<p>#kheystudio .ks-footer-logo-link {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: 210px;\n  min-width: 210px;\n  height: 62px;\n  overflow: hidden;\n  font-size: 0;\n}<\/p>\n<p>#kheystudio .ks-footer-logo-fallback {\n  display: none !important;\n}<\/p>\n<p>#kheystudio .ks-footer-logo {\n  display: block;\n  position: relative;\n  z-index: 2;\n  width: 216px;\n  max-width: none;\n  height: 62px;\n  max-height: 62px;\n  object-fit: contain;\n  object-position: left center;\n  transform: translateX(-5px);\n  clip-path: inset(0 0 0 5px);\n  flex: 0 0 auto;\n  background: transparent;\n  vertical-align: middle;\n}<\/p>\n<p>@media (max-width: 900px) {\n  #kheystudio .ks-footer-logo-link {\n    width: 178px;\n    min-width: 178px;\n    height: 52px;\n  }<\/p>\n<p>  #kheystudio .ks-footer-logo {\n    width: 183px;\n    height: 52px;\n    max-height: 52px;\n    transform: translateX(-4px);\n    clip-path: inset(0 0 0 4px);\n  }\n}<\/p>\n<p>@media (max-width: 560px) {\n  #kheystudio .ks-footer-logo-link {\n    width: 155px;\n    min-width: 155px;\n    height: 46px;\n  }<\/p>\n<p>  #kheystudio .ks-footer-logo {\n    width: 159px;\n    height: 46px;\n    max-height: 46px;\n    transform: translateX(-3px);\n    clip-path: inset(0 0 0 3px);\n  }\n}\n<\/style>\n<style>\n\/* =========================================================\n   KHEY STUDIO \u2014 CINEMATIC MOTION PACK\n   Desktop: playful cursor + magnetic buttons + subtle 3D tilt\n   All devices: reveal motion + cinematic image hover + glow\n   Mobile: lightweight touch-friendly motion, no custom cursor\n   Respects prefers-reduced-motion.\n   ========================================================= *\/<\/p>\n<p>\/* Reveal system *\/\n#kheystudio .ks-reveal {\n  opacity: 0;\n  transform: translateY(28px);\n  transition:\n    opacity .8s cubic-bezier(.22,.7,.2,1),\n    transform .8s cubic-bezier(.22,.7,.2,1);\n}<\/p>\n<p>#kheystudio .ks-reveal.ks-visible {\n  opacity: 1;\n  transform: none;\n}<\/p>\n<p>#kheystudio .ks-reveal-delay-1 { transition-delay: .08s; }\n#kheystudio .ks-reveal-delay-2 { transition-delay: .16s; }\n#kheystudio .ks-reveal-delay-3 { transition-delay: .24s; }<\/p>\n<p>\/* Cinematic project cards *\/\n#kheystudio .ks-project {\n  transform-style: preserve-3d;\n  perspective: 900px;\n  will-change: transform;\n}<\/p>\n<p>#kheystudio .ks-project img {\n  will-change: transform;\n}<\/p>\n<p>#kheystudio .ks-project::before {\n  content: \"\";\n  position: absolute;\n  z-index: 3;\n  inset: 0;\n  pointer-events: none;\n  opacity: 0;\n  background:\n    radial-gradient(\n      circle at var(--ks-mx, 50%) var(--ks-my, 50%),\n      rgba(255,255,255,.20),\n      transparent 23%\n    );\n  transition: opacity .3s ease;\n}<\/p>\n<p>#kheystudio .ks-project:hover::before {\n  opacity: 1;\n}<\/p>\n<p>#kheystudio .ks-project-info {\n  transform: translateZ(28px);\n}<\/p>\n<p>\/* Subtle floating collage depth *\/\n#kheystudio .ks-collage-main,\n#kheystudio .ks-collage-small,\n#kheystudio .ks-collage-accent {\n  will-change: transform;\n  transition: transform .8s cubic-bezier(.2,.7,.2,1);\n}<\/p>\n<p>#kheystudio .ks-collage-main:hover {\n  transform: translate3d(-6px,-7px,0) scale(1.015);\n}<\/p>\n<p>#kheystudio .ks-collage-small:hover {\n  transform: translate3d(5px,-5px,0) scale(1.02);\n}<\/p>\n<p>#kheystudio .ks-collage-accent:hover {\n  transform: translate3d(-4px,-5px,0) scale(1.025);\n}<\/p>\n<p>\/* Buttons feel physical *\/\n#kheystudio .ks-btn,\n#kheystudio .ks-nav-cta,\n#kheystudio .ks-social {\n  will-change: transform;\n}<\/p>\n<p>#kheystudio .ks-btn::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n  pointer-events: none;\n  background: linear-gradient(\n    115deg,\n    transparent 20%,\n    rgba(255,255,255,.17) 48%,\n    transparent 76%\n  );\n  transform: translateX(-120%);\n  transition: transform .55s ease;\n}<\/p>\n<p>#kheystudio .ks-btn {\n  position: relative;\n  overflow: hidden;\n}<\/p>\n<p>#kheystudio .ks-btn:hover::after {\n  transform: translateX(120%);\n}<\/p>\n<p>\/* Hero ambient movement *\/\n#kheystudio .ks-hero::after {\n  content: \"\";\n  position: absolute;\n  z-index: -1;\n  inset: -15%;\n  pointer-events: none;\n  opacity: .28;\n  background:\n    radial-gradient(circle at 75% 45%, rgba(213,42,42,.18), transparent 20%),\n    radial-gradient(circle at 25% 20%, rgba(226,189,114,.08), transparent 18%);\n  animation: ksAmbient 12s ease-in-out infinite alternate;\n}<\/p>\n<p>@keyframes ksAmbient {\n  from { transform: translate3d(-1%, -1%, 0) scale(1); }\n  to   { transform: translate3d(2%, 1%, 0) scale(1.04); }\n}<\/p>\n<p>\/* Film-grain layer: extremely subtle *\/\n#kheystudio::after {\n  content: \"\";\n  position: fixed;\n  z-index: 9990;\n  inset: 0;\n  pointer-events: none;\n  opacity: .025;\n  background-image:\n    radial-gradient(rgba(255,255,255,.8) .45px, transparent .45px);\n  background-size: 4px 4px;\n  mix-blend-mode: overlay;\n}<\/p>\n<p>\/* Desktop custom cursor *\/\n@media (hover: hover) and (pointer: fine) and (min-width: 901px) {\n  #kheystudio.ks-cursor-active,\n  #kheystudio.ks-cursor-active a {\n    cursor: none;\n  }<\/p>\n<p>  #ks-cursor-dot,\n  #ks-cursor-ring {\n    position: fixed;\n    top: 0;\n    left: 0;\n    z-index: 10001;\n    pointer-events: none;\n    opacity: 0;\n    transform: translate(-50%, -50%);\n  }<\/p>\n<p>  #ks-cursor-dot {\n    width: 7px;\n    height: 7px;\n    border-radius: 50%;\n    background: #fff;\n    box-shadow: 0 0 14px rgba(255,255,255,.45);\n    transition: width .18s ease, height .18s ease, opacity .2s ease;\n  }<\/p>\n<p>  #ks-cursor-ring {\n    width: 34px;\n    height: 34px;\n    border: 1px solid rgba(255,255,255,.72);\n    border-radius: 50%;\n    transition:\n      width .25s cubic-bezier(.2,.7,.2,1),\n      height .25s cubic-bezier(.2,.7,.2,1),\n      border-color .25s ease,\n      background .25s ease,\n      opacity .2s ease;\n  }<\/p>\n<p>  #ks-cursor-label {\n    position: fixed;\n    z-index: 10002;\n    pointer-events: none;\n    opacity: 0;\n    transform: translate(-50%, -50%) translateY(18px);\n    color: #fff;\n    font: 800 8px\/1 Inter, Arial, sans-serif;\n    letter-spacing: .16em;\n    text-transform: uppercase;\n    transition: opacity .2s ease, transform .25s ease;\n  }<\/p>\n<p>  #kheystudio.ks-cursor-active #ks-cursor-dot,\n  #kheystudio.ks-cursor-active #ks-cursor-ring {\n    opacity: 1;\n  }<\/p>\n<p>  #kheystudio.ks-cursor-active .ks-cursor-hover #ks-cursor-ring {\n    width: 62px;\n    height: 62px;\n    border-color: rgba(255,255,255,.95);\n    background: rgba(213,42,42,.12);\n  }<\/p>\n<p>  #kheystudio.ks-cursor-active .ks-cursor-hover #ks-cursor-dot {\n    width: 4px;\n    height: 4px;\n  }<\/p>\n<p>  #kheystudio.ks-cursor-active .ks-cursor-hover #ks-cursor-label {\n    opacity: 1;\n    transform: translate(-50%, -50%) translateY(0);\n  }<\/p>\n<p>  #kheystudio .ks-project {\n    transition: transform .18s ease-out, box-shadow .35s ease;\n  }<\/p>\n<p>  #kheystudio .ks-project:hover {\n    box-shadow: 0 25px 65px rgba(0,0,0,.28);\n  }\n}<\/p>\n<p>\/* Keep mobile fast and calm *\/\n@media (max-width: 900px) {\n  #kheystudio .ks-project:hover img {\n    transform: scale(1.025);\n  }<\/p>\n<p>  #kheystudio .ks-collage-main:hover,\n  #kheystudio .ks-collage-small:hover,\n  #kheystudio .ks-collage-accent:hover {\n    transform: none;\n  }\n}<\/p>\n<p>\/* Accessibility \/ motion safety *\/\n@media (prefers-reduced-motion: reduce) {\n  #kheystudio *,\n  #kheystudio *::before,\n  #kheystudio *::after {\n    animation-duration: .01ms !important;\n    animation-iteration-count: 1 !important;\n    scroll-behavior: auto !important;\n    transition-duration: .01ms !important;\n  }<\/p>\n<p>  #kheystudio .ks-reveal {\n    opacity: 1 !important;\n    transform: none !important;\n  }<\/p>\n<p>  #ks-cursor-dot,\n  #ks-cursor-ring,\n  #ks-cursor-label {\n    display: none !important;\n  }\n}\n<\/style>\n<p><script>\n(function () {\n  \"use strict\";<\/p>\n<p>  function initKheyStudioMotion() {\n    var root = document.getElementById(\"kheystudio\");\n    if (!root || root.dataset.motionReady === \"1\") return;\n    root.dataset.motionReady = \"1\";<\/p>\n<p>    var reduceMotion = window.matchMedia &&\n      window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;<\/p>\n<p>    \/* ---------- Scroll reveal ---------- *\/\n    var revealItems = root.querySelectorAll(\n      \".ks-about-grid > div, .ks-work-head > *, .ks-project, .ks-cta-inner > *, .ks-footer-top > *\"\n    );<\/p>\n<p>    revealItems.forEach(function (el, index) {\n      el.classList.add(\"ks-reveal\");\n      if (index % 4 === 1) el.classList.add(\"ks-reveal-delay-1\");\n      if (index % 4 === 2) el.classList.add(\"ks-reveal-delay-2\");\n      if (index % 4 === 3) el.classList.add(\"ks-reveal-delay-3\");\n    });<\/p>\n<p>    if (\"IntersectionObserver\" in window && !reduceMotion) {\n      var observer = new IntersectionObserver(function (entries, obs) {\n        entries.forEach(function (entry) {\n          if (entry.isIntersecting) {\n            entry.target.classList.add(\"ks-visible\");\n            obs.unobserve(entry.target);\n          }\n        });\n      }, {\n        threshold: 0.12,\n        rootMargin: \"0px 0px -40px 0px\"\n      });<\/p>\n<p>      revealItems.forEach(function (el) { observer.observe(el); });\n    } else {\n      revealItems.forEach(function (el) {\n        el.classList.add(\"ks-visible\");\n      });\n    }<\/p>\n<p>    \/* ---------- Desktop-only playful cursor ---------- *\/\n    var finePointer = window.matchMedia &&\n      window.matchMedia(\"(hover: hover) and (pointer: fine)\").matches;<\/p>\n<p>    if (!finePointer || window.innerWidth < 901 || reduceMotion) return;\n\n    var dot = document.createElement(\"div\");\n    var ring = document.createElement(\"div\");\n    var label = document.createElement(\"div\");\n\n    dot.id = \"ks-cursor-dot\";\n    ring.id = \"ks-cursor-ring\";\n    label.id = \"ks-cursor-label\";\n\n    document.body.appendChild(dot);\n    document.body.appendChild(ring);\n    document.body.appendChild(label);\n\n    root.classList.add(\"ks-cursor-active\");\n\n    var mouseX = window.innerWidth \/ 2;\n    var mouseY = window.innerHeight \/ 2;\n    var ringX = mouseX;\n    var ringY = mouseY;\n\n    function moveCursor(x, y) {\n      mouseX = x;\n      mouseY = y;\n      dot.style.transform = \"translate(\" + x + \"px,\" + y + \"px) translate(-50%,-50%)\";\n      label.style.transform = \"translate(\" + x + \"px,\" + y + \"px) translate(-50%,-50%)\";\n    }\n\n    document.addEventListener(\"mousemove\", function (e) {\n      moveCursor(e.clientX, e.clientY);\n    }, { passive: true });\n\n    function animateCursor() {\n      ringX += (mouseX - ringX) * 0.16;\n      ringY += (mouseY - ringY) * 0.16;\n      ring.style.transform =\n        \"translate(\" + ringX + \"px,\" + ringY + \"px) translate(-50%,-50%)\";\n      requestAnimationFrame(animateCursor);\n    }\n    requestAnimationFrame(animateCursor);\n\n    var interactive = root.querySelectorAll(\n      \"a, .ks-project, .ks-collage-main, .ks-collage-small, .ks-collage-accent\"\n    );\n\n    interactive.forEach(function (el) {\n      el.addEventListener(\"mouseenter\", function () {\n        root.classList.add(\"ks-cursor-hover\");\n\n        if (el.classList.contains(\"ks-project\")) {\n          label.textContent = \"View\";\n        } else if (el.classList.contains(\"ks-collage-main\") ||\n                   el.classList.contains(\"ks-collage-small\") ||\n                   el.classList.contains(\"ks-collage-accent\")) {\n          label.textContent = \"Frame\";\n        } else {\n          label.textContent = \"Open\";\n        }\n      });\n\n      el.addEventListener(\"mouseleave\", function () {\n        root.classList.remove(\"ks-cursor-hover\");\n      });\n    });\n\n    \/* ---------- Desktop 3D project-card tilt ---------- *\/\n    var projects = root.querySelectorAll(\".ks-project\");\n\n    projects.forEach(function (card) {\n      card.addEventListener(\"mousemove\", function (e) {\n        var rect = card.getBoundingClientRect();\n        var px = (e.clientX - rect.left) \/ rect.width;\n        var py = (e.clientY - rect.top) \/ rect.height;\n\n        var rotateY = (px - 0.5) * 4.5;\n        var rotateX = (0.5 - py) * 4.5;\n\n        card.style.setProperty(\"--ks-mx\", (px * 100) + \"%\");\n        card.style.setProperty(\"--ks-my\", (py * 100) + \"%\");\n        card.style.transform =\n          \"perspective(900px) rotateX(\" + rotateX + \"deg) rotateY(\" +\n          rotateY + \"deg) translateY(-3px)\";\n      });\n\n      card.addEventListener(\"mouseleave\", function () {\n        card.style.transform = \"\";\n      });\n    });\n  }\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", initKheyStudioMotion);\n  } else {\n    initKheyStudioMotion();\n  }\n})();\n<\/script><\/p>\n<style>\n\/* Final hero headline scale adjustment *\/\n#kheystudio .ks-hero h1 {\n  font-size: clamp(48px, 6.6vw, 88px);\n  line-height: .88;\n  letter-spacing: -.06em;\n}<\/p>\n<p>@media (max-width: 900px) {\n  #kheystudio .ks-hero h1 {\n    font-size: clamp(45px, 11.5vw, 70px);\n    line-height: .9;\n  }\n}<\/p>\n<p>@media (max-width: 560px) {\n  #kheystudio .ks-hero h1 {\n    font-size: 45px;\n    line-height: .92;\n    letter-spacing: -.055em;\n  }\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>KHEYSTUDIO Home About Work Contact Start a Project Creative Film &amp; Content Studio We createstories that stay. From a first spark of an idea to the final frame, KheyStudio builds bold films, powerful content and stories people remember. Explore Our Work Watch Showreel&nbsp; \u2197 Scroll to discover 01 Discover Fresh Talent 02 Create Powerful Content [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Home - Khey Studio<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kheystudio.com\/?page_id=2\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - Khey Studio\" \/>\n<meta property=\"og:description\" content=\"KHEYSTUDIO Home About Work Contact Start a Project Creative Film &amp; Content Studio We createstories that stay. From a first spark of an idea to the final frame, KheyStudio builds bold films, powerful content and stories people remember. Explore Our Work Watch Showreel&nbsp; \u2197 Scroll to discover 01 Discover Fresh Talent 02 Create Powerful Content [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kheystudio.com\/?page_id=2\" \/>\n<meta property=\"og:site_name\" content=\"Khey Studio\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-14T13:59:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kheystudio.com\/wp-content\/uploads\/2026\/09\/KheyStudio.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/kheystudio.com\\\/?page_id=2\",\"url\":\"https:\\\/\\\/kheystudio.com\\\/?page_id=2\",\"name\":\"Home - Khey Studio\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/kheystudio.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/kheystudio.com\\\/?page_id=2#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/kheystudio.com\\\/?page_id=2#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/kheystudio.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/KheyStudio.png\",\"datePublished\":\"2026-09-14T11:43:24+00:00\",\"dateModified\":\"2026-09-14T13:59:36+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/kheystudio.com\\\/?page_id=2#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/kheystudio.com\\\/?page_id=2\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/kheystudio.com\\\/?page_id=2#primaryimage\",\"url\":\"\",\"contentUrl\":\"\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/kheystudio.com\\\/?page_id=2#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/kheystudio.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/kheystudio.com\\\/#website\",\"url\":\"https:\\\/\\\/kheystudio.com\\\/\",\"name\":\"Khey Studio\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/kheystudio.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Home - Khey Studio","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kheystudio.com\/?page_id=2","og_locale":"en_US","og_type":"article","og_title":"Home - Khey Studio","og_description":"KHEYSTUDIO Home About Work Contact Start a Project Creative Film &amp; Content Studio We createstories that stay. From a first spark of an idea to the final frame, KheyStudio builds bold films, powerful content and stories people remember. Explore Our Work Watch Showreel&nbsp; \u2197 Scroll to discover 01 Discover Fresh Talent 02 Create Powerful Content [&hellip;]","og_url":"https:\/\/kheystudio.com\/?page_id=2","og_site_name":"Khey Studio","article_modified_time":"2026-09-14T13:59:36+00:00","og_image":[{"url":"https:\/\/kheystudio.com\/wp-content\/uploads\/2026\/09\/KheyStudio.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kheystudio.com\/?page_id=2","url":"https:\/\/kheystudio.com\/?page_id=2","name":"Home - Khey Studio","isPartOf":{"@id":"https:\/\/kheystudio.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kheystudio.com\/?page_id=2#primaryimage"},"image":{"@id":"https:\/\/kheystudio.com\/?page_id=2#primaryimage"},"thumbnailUrl":"https:\/\/kheystudio.com\/wp-content\/uploads\/2026\/09\/KheyStudio.png","datePublished":"2026-09-14T11:43:24+00:00","dateModified":"2026-09-14T13:59:36+00:00","breadcrumb":{"@id":"https:\/\/kheystudio.com\/?page_id=2#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kheystudio.com\/?page_id=2"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/kheystudio.com\/?page_id=2#primaryimage","url":"","contentUrl":""},{"@type":"BreadcrumbList","@id":"https:\/\/kheystudio.com\/?page_id=2#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kheystudio.com\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/kheystudio.com\/#website","url":"https:\/\/kheystudio.com\/","name":"Khey Studio","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kheystudio.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/kheystudio.com\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kheystudio.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kheystudio.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kheystudio.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kheystudio.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":4,"href":"https:\/\/kheystudio.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":33,"href":"https:\/\/kheystudio.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/33"}],"wp:attachment":[{"href":"https:\/\/kheystudio.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}