.ksd-homepage{--ink:#122b28;--cream:#f6f5eb;--lime:#daee83;--muted:#526760;background:var(--cream);color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}.ksd-homepage *{box-sizing:border-box}.ksd-homepage a{color:inherit;text-decoration:none}.ksd-homepage img{display:block;max-width:100%;height:auto}.ksd-homepage p,.ksd-homepage h1,.ksd-homepage h2,.ksd-homepage h3{margin:0}.ksd-homepage :is(a,video):focus-visible{outline:3px solid #4696e2;outline-offset:5px}.ksd-homepage .wrap{width:min(1280px,100%);padding-left:56px;padding-right:56px;margin:auto}.ksd-homepage header{background:var(--ink);color:var(--cream)}.ksd-homepage .header-row{display:flex;justify-content:space-between;align-items:center;min-height:100px;gap:24px}.ksd-homepage .brand{display:flex;gap:12px;align-items:center;flex-shrink:0}.ksd-homepage .brand b{font-size:38px;letter-spacing:-3px;font-weight:800;line-height:1}.ksd-homepage .brand span{font-size:10px;letter-spacing:2px;line-height:1.5;font-weight:700}.ksd-homepage nav{display:flex;gap:30px;align-items:center;font-size:13px}.ksd-homepage .nav-cta{border:1px solid #7e9490;border-radius:40px;padding:12px 20px}.ksd-homepage .hero{position:relative;isolation:isolate;min-height:690px;background:var(--ink);color:var(--cream);overflow:hidden}.ksd-homepage .hero-image{position:absolute;inset:0 0 0 auto;width:76%;height:100%;object-fit:cover;object-position:50% 48%;z-index:-2}.ksd-homepage .hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#122b28 2%,rgba(18,43,40,.94) 21%,rgba(18,43,40,.67) 43%,rgba(18,43,40,.06) 78%),linear-gradient(0deg,rgba(18,43,40,.8),transparent 35%);z-index:-1}.ksd-homepage .hero-content{padding-top:65px;padding-bottom:95px}.ksd-homepage .eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;line-height:1.6;margin-bottom:22px}.ksd-homepage h1{font-size:clamp(64px,7.4vw,106px);font-weight:700;letter-spacing:-5px;line-height:.99;margin-bottom:28px}.ksd-homepage em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em}.ksd-homepage .hero em,.ksd-homepage .final em{color:var(--lime)}.ksd-homepage .intro{font-size:17px;line-height:1.75;color:#edf0df;max-width:450px;margin-bottom:28px}.ksd-homepage .button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:var(--lime);color:var(--ink);border-radius:40px;padding:18px 25px;font-size:13px;font-weight:700;min-height:54px;transition:background .2s}.ksd-homepage .button:hover{background:#edffab}.ksd-homepage .button span{font-size:20px;line-height:1}.ksd-homepage .platform{font-size:12px;margin-top:17px;color:#d4dfd5}.ksd-homepage .hero-bottom{position:absolute;bottom:26px;left:0;right:0;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:1.4px}.ksd-homepage .hero-bottom a{letter-spacing:0;font-size:12px}.ksd-homepage .facts{background:#e8ebdc;border-bottom:1px solid #d5dcce}.ksd-homepage .facts>div{display:flex;justify-content:space-between;gap:30px;padding-top:26px;padding-bottom:26px}.ksd-homepage .facts p{display:flex;align-items:center;gap:15px;font-size:12px;color:var(--muted)}.ksd-homepage .facts strong{font-size:27px;line-height:1.3;letter-spacing:-1px;color:var(--ink)}.ksd-homepage .play{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding-top:95px;padding-bottom:95px}.ksd-homepage h2{font-size:clamp(42px,4.5vw,62px);letter-spacing:-2.5px;line-height:1.08;margin-bottom:24px;font-weight:700}.ksd-homepage .play em,.ksd-homepage .course-section em{color:#49763a}.ksd-homepage .description{color:var(--muted);max-width:430px}.ksd-homepage .steps{list-style:none;padding:0;margin:34px 0}.ksd-homepage .steps li{display:flex;gap:20px;padding:17px 0;border-top:1px solid #d5dcce}.ksd-homepage .steps li>span{font-size:11px;font-weight:700;color:#49763a;padding-top:5px}.ksd-homepage h3{font-size:21px;letter-spacing:-.6px;line-height:1.4}.ksd-homepage .steps p{font-size:13px;color:var(--muted);margin-top:5px}.ksd-homepage .text-link{font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:28px;border-bottom:1px solid #9da99b;padding-bottom:7px}.ksd-homepage .text-link:hover{color:#49763a}.ksd-homepage .video-heading{display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:.7px;margin-bottom:15px}.ksd-homepage video{display:block;width:100%;max-height:570px;aspect-ratio:3/4;object-fit:cover;border-radius:20px;background:var(--ink)}.ksd-homepage .gameplay>p{font-size:11px;color:var(--muted);margin-top:15px}.ksd-homepage .course-section{padding:80px 0 90px;background:#e8ebdc}.ksd-homepage .section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px}.ksd-homepage .section-heading h2{margin:0}.ksd-homepage .section-heading>div:last-child p{color:var(--muted);font-size:14px;margin-bottom:20px}.ksd-homepage .courses{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.ksd-homepage .courses>a{position:relative;display:block;border-radius:14px;overflow:hidden;background:var(--ink);color:white;aspect-ratio:3/4;isolation:isolate}.ksd-homepage .courses img{width:100%;height:100%;object-fit:cover;transition:transform .3s;z-index:-2;position:absolute}.ksd-homepage .courses a:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,24,22,.98),transparent 70%);z-index:-1}.ksd-homepage .courses a:hover img{transform:scale(1.04)}.ksd-homepage .courses a>div{position:absolute;bottom:22px;left:20px;right:20px}.ksd-homepage .courses span{font-size:8px;letter-spacing:1px}.ksd-homepage .courses h3{font-size:20px;margin-top:8px;display:flex;justify-content:space-between;gap:5px}.ksd-homepage .courses b{font-weight:400}.ksd-homepage .final{background:var(--ink);color:var(--cream);padding:80px 0}.ksd-homepage .final-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.ksd-homepage .final h2{font-size:clamp(56px,6vw,82px);letter-spacing:-3px}.ksd-homepage .final p:not(.eyebrow){font-size:15px;color:#d4dfd5;margin-bottom:27px}.ksd-homepage .final-logo{max-width:430px;justify-self:center}.ksd-homepage footer{padding:42px 0 26px}.ksd-homepage .footer-top{display:flex;justify-content:space-between;gap:30px;align-items:center;padding-bottom:30px;border-bottom:1px solid #d5dcce}.ksd-homepage .footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:22px;font-size:11px}.ksd-homepage .footer-bottom nav{font-size:11px;gap:22px}.ksd-homepage .skip{position:absolute;left:-10000px}.ksd-homepage .skip:focus{position:fixed;top:10px;left:10px;padding:12px;background:var(--cream);z-index:10000}
body.ksd-studio-home{margin:0}
@media(max-width:1000px){.ksd-homepage .wrap{padding-left:32px;padding-right:32px}.ksd-homepage .play{gap:45px}.ksd-homepage .courses{grid-template-columns:repeat(2,minmax(0,1fr))}.ksd-homepage .courses>a{aspect-ratio:1.1}.ksd-homepage .hero-image{width:100%}.ksd-homepage .facts p{flex-direction:column;align-items:flex-start;gap:4px}}
@media(max-width:640px){.ksd-homepage .wrap{padding-left:22px;padding-right:22px}.ksd-homepage .header-row{min-height:85px;gap:14px}.ksd-homepage .brand b{font-size:30px}.ksd-homepage .brand span{font-size:8px}.ksd-homepage .nav-support{display:none}.ksd-homepage .nav-cta{padding:10px 13px;font-size:11px}.ksd-homepage .hero{min-height:665px}.ksd-homepage .hero-image{object-position:67% 50%}.ksd-homepage .hero:before{background:linear-gradient(90deg,rgba(18,43,40,.91),rgba(18,43,40,.35)),linear-gradient(0deg,#122b28,transparent 55%)}.ksd-homepage .hero-content{padding-top:58px}.ksd-homepage h1{font-size:64px;letter-spacing:-3.8px;line-height:1.02}.ksd-homepage .intro{font-size:15px;max-width:310px}.ksd-homepage .intro br{display:none}.ksd-homepage .eyebrow{font-size:9px;letter-spacing:1.6px}.ksd-homepage .hero-bottom{font-size:8px;flex-direction:column;gap:7px}.ksd-homepage .hero-bottom a{font-size:10px}.ksd-homepage .facts>div{gap:12px;padding-top:22px;padding-bottom:22px}.ksd-homepage .facts p{font-size:9px}.ksd-homepage .facts strong{font-size:22px}.ksd-homepage .play{grid-template-columns:1fr;gap:40px;padding-top:58px;padding-bottom:58px}.ksd-homepage h2{font-size:46px;letter-spacing:-2px}.ksd-homepage .description{font-size:14px}.ksd-homepage video{max-height:600px}.ksd-homepage .course-section{padding:55px 0}.ksd-homepage .section-heading{display:block;margin-bottom:28px}.ksd-homepage .section-heading>div:last-child{margin-top:22px}.ksd-homepage .courses{gap:12px}.ksd-homepage .courses>a{aspect-ratio:3/4}.ksd-homepage .courses a>div{bottom:15px;left:12px;right:12px}.ksd-homepage .courses h3{font-size:16px;line-height:1.2}.ksd-homepage .courses span{font-size:7px;letter-spacing:.5px}.ksd-homepage .final{padding:58px 0}.ksd-homepage .final-grid{grid-template-columns:1fr;gap:35px}.ksd-homepage .final-logo{max-width:260px}.ksd-homepage .footer-top{flex-direction:column;align-items:flex-start;gap:24px}.ksd-homepage .footer-bottom{flex-direction:column;align-items:flex-start;gap:14px}.ksd-homepage .footer-bottom nav{gap:20px}}
@media(prefers-reduced-motion:reduce){.ksd-homepage *{transition:none!important}}

/* Studio logo in the header and footer. */
.ksd-homepage header{background:#000}.ksd-homepage .brand{width:220px;height:68px;overflow:hidden;background:#000;border-radius:6px}.ksd-homepage .brand img{width:100%;height:100%;object-fit:cover;object-position:center}.ksd-homepage .header-row{min-height:76px}.ksd-homepage .footer-top .brand{width:260px;height:84px}
@media(max-width:640px){.ksd-homepage .brand{width:165px;height:56px}.ksd-homepage .header-row{min-height:64px;gap:10px}.ksd-homepage .header-row nav{flex-shrink:0}.ksd-homepage .nav-cta{padding:10px;font-size:10px}.ksd-homepage .footer-top .brand{width:220px;height:76px}}

/* Full-width black footer matches the studio artwork. */
.ksd-homepage footer{background:#000;color:var(--cream);padding:24px 0}.ksd-homepage .footer-top{padding-bottom:18px;border-bottom-color:#303733}.ksd-homepage .footer-bottom{padding-top:18px;color:#d4dfd5}.ksd-homepage footer a:hover{color:var(--lime)}
.ksd-homepage .app-store-badge{display:block;width:max-content;margin-top:20px}.ksd-homepage .app-store-badge img{height:48px;width:auto}.ksd-homepage .app-store-badge:hover{opacity:.85}

.final p:not(.eyebrow){line-height:1.7;max-width:500px}
.hero h1 .eyebrow{display:block}