.studio{--paper:#191a30;--ink:#f0eef8;--muted:#b4b0c8;--line:#3c3d55;--green:#cbc6ed;--soft:#303149;background:var(--paper);color:var(--ink);font-family:DM,Arial,sans-serif}.studio h1,.studio h2,.studio h3{font-family:DM,Arial,sans-serif}.studio .wrap{max-width:1240px}.studio-nav{min-height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:25px}.studio-brand{display:flex;align-items:center;gap:13px;font-size:24px;font-weight:650;letter-spacing:-1px}.studio-brand img{width:44px;height:44px;border-radius:50%;border:2px solid #e9e6d9;object-fit:cover}.studio-brand-dot{font-size:12px;color:#f2b89a;vertical-align:super;margin-left:3px}.studio-nav nav{display:flex;align-items:center;gap:29px;font-size:12px;color:#c6c2d6}.studio-contact{border:1px solid #6d688a;padding:11px 17px;border-radius:30px;color:#eeeaf8}.studio-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center;padding-block:90px 85px}.studio-kicker{display:block;color:#b9b4d7;font-size:10px;letter-spacing:1.6px;font-weight:500}.studio-kicker>span{color:#ffc5a7;font-size:18px;vertical-align:middle;margin-right:8px}.studio-hero h1{position:relative;font-size:clamp(45px,4.6vw,65px);letter-spacing:-3px;line-height:1.08;font-weight:550;margin:27px 0}.studio h1 em,.studio h2 em{color:#c9c1ef;font-style:normal}.hero-period{display:inline-block;font-size:13px;vertical-align:baseline;color:#ffb78c;margin-left:9px}.studio-hero p{font-size:15px;color:#b8b4ca;max-width:520px;line-height:1.95;margin-bottom:31px}.studio-button{display:inline-flex;align-items:center;gap:40px;border-radius:30px;background:#d0c8f0;color:#28253e;padding:15px 24px;font-size:13px;font-weight:600;transition:background .2s}.studio-button:hover{background:#e2dbfb}.platform-line{display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:1px;color:#c2bcd8;margin-top:40px}.platform-line>span{border:1px solid #4b4865;border-radius:4px;padding:4px 8px}.platform-line small{letter-spacing:0;color:#8e8ba7;font-size:10px;margin-left:2px}.mascot-stage{position:relative;padding:28px 8px 22px}.mascot-paper{transform:rotate(4deg);border-radius:18px;overflow:hidden;background:#fbfaf3;box-shadow:16px 18px 0 #292a42}.mascot-paper img{width:100%}.orbit-label{font-size:8px;letter-spacing:1.6px;color:#8d8aa8;position:absolute}.orbit-label.top{top:0;left:10px}.orbit-label.bottom{bottom:-14px;right:5px}.mascot-sticker{position:absolute;right:-27px;bottom:10px;background:#f1bf9d;color:#4e3a38;padding:20px 22px;font-size:12px;line-height:1.5;transform:rotate(-7deg);border-radius:5px;box-shadow:0 5px 12px #0e102415}.mascot-sticker strong{font-weight:600}.studio-marquee{background:#d2caed;color:#36324e;border-block:1px solid #f0e9ff}.studio-marquee>div{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:18px;font-size:21px;font-weight:500;letter-spacing:-.6px}.studio-marquee span{font-size:22px;color:#817398}.studio-work{padding-block:85px}.studio-section-heading{display:flex;justify-content:space-between;align-items:end;gap:70px}.studio-section-heading h2{font-size:43px;letter-spacing:-1.6px;line-height:1.17;margin-top:20px;font-weight:500}.studio-section-heading>p{max-width:390px;font-size:13px;line-height:1.9;color:#a9a5c0;padding-bottom:3px}.platform-filters{display:flex;gap:8px;flex-wrap:wrap;margin:35px 0 24px}.platform-filters button{border:1px solid #4b4864;border-radius:25px;background:transparent;color:#b9b3cc;font-size:11px;padding:9px 18px}.platform-filters button[aria-pressed=true]{background:#e9e3fa;border-color:#e9e3fa;color:#302942}.studio-product{display:grid;grid-template-columns:.8fr 1.2fr;overflow:hidden;background:#f0f1e6;border-radius:16px;color:#2d4937}.studio-product-copy{padding:40px 40px 35px;display:flex;align-items:start;flex-direction:column}.studio-app-icon{width:63px;height:63px;border-radius:17px;margin-bottom:22px}.studio-product .app-platforms{display:flex;flex-wrap:wrap;gap:8px;font-size:9px;color:#839078;margin-bottom:12px}.studio-product .app-platforms span{border:1px solid #bfc9b0;border-radius:3px;padding:2px 6px}.studio-product h3{font-family:Lora,serif;font-size:48px;letter-spacing:-1.5px}.studio-product .app-tagline{font-family:Lora,serif;font-size:19px;color:#6e8061;margin:7px 0 16px}.studio-product .app-description{font-size:13px;line-height:1.9;color:#71816a;max-width:320px}.studio-product .app-badge{background:#dfe7ce;color:#6c7b5f;margin-top:22px;font-size:9px}.studio-product .product-links{display:flex;align-items:center;gap:20px;margin-top:24px}.studio-product .product-links>a:first-child{background:#2d4a37;color:#f9fbf1;padding:11px 17px;border-radius:7px;font-size:12px;display:flex;gap:24px}.studio-product .product-links>a:nth-child(2){font-size:11px;border-bottom:1px solid #bcc9b0}.studio-product .app-documents{margin-top:22px;gap:9px 15px}.studio-product .app-documents a{font-size:9px;color:#78866f}.studio-product-art{background:#d5dec9;position:relative;overflow:hidden;display:flex;align-items:center;padding:45px 0 45px 25px}.studio-product-art:before{content:'✳';position:absolute;right:25px;top:12px;font-size:110px;line-height:1;color:#bccba9}.studio-product-preview{position:relative;background:#f8faf2;box-shadow:0 15px 35px #4b624227;transform:rotate(-4deg);width:135%;max-width:none;border-radius:10px;overflow:hidden;border:1px solid #bfcbb3}.studio-product-preview .window-bar{font-size:9px}.studio-product-preview img{width:100%;max-width:none}.catalog-footnote{font-size:11px;color:#8c89a3;max-width:680px;margin-top:25px;line-height:1.8}.studio .empty-message{padding:50px 35px;border-color:#55516d;background:#22233b;color:#c9c3dc}.studio-about{background:#22233b;padding-block:75px}.studio-about .studio-section-heading{align-items:start}.studio-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:50px}.studio-principles article{border-top:1px solid #4c4863;padding-top:20px}.studio-principles article>span{font-size:10px;color:#f0bc9d}.studio-principles h3{font-size:23px;letter-spacing:-.5px;margin:15px 0}.studio-principles p{font-size:13px;color:#a6a1ba;line-height:1.9}.studio-banner{margin-top:60px;display:grid;grid-template-columns:1.3fr .7fr;gap:45px;align-items:center}.studio-banner>img{border-radius:12px;width:100%;border:1px solid #444058}.studio-banner figcaption{font-size:21px;line-height:1.5;color:#ccc4df;max-width:255px;letter-spacing:-.4px}.studio-hello{padding-block:90px}.studio-hello h2{font-size:52px;letter-spacing:-2px;margin:22px 0 28px;font-weight:500}.studio-hello>a{display:inline-flex;gap:75px;border-bottom:1px solid #70667e;padding-bottom:10px;font-size:19px;color:#f1c4a9}.studio-footer{padding-block:28px;border-top:1px solid var(--line);display:flex;gap:35px;align-items:center;justify-content:space-between;font-size:10px;color:#9e97b5}.studio-footer nav{display:flex;gap:20px}.studio a:focus-visible,.studio button:focus-visible{outline-color:#f1bf9d}
@media(max-width:1050px){.studio-hero{gap:55px;padding-block:65px}.studio-hero h1{font-size:51px}.studio-hero p{font-size:14px}.platform-line{flex-wrap:wrap}.platform-line small{width:100%}.studio-nav nav{gap:20px}.studio-brand{font-size:22px}.studio-product-copy{padding:30px}.studio-product-art{padding-left:15px}.studio-section-heading{gap:45px}.studio-section-heading h2{font-size:37px}.studio-section-heading>p{max-width:320px}.mascot-sticker{right:-15px}.studio-product-preview{width:150%}}
@media(max-width:720px){.studio-nav{min-height:85px;gap:15px}.studio-brand{gap:9px;font-size:20px}.studio-brand img{width:35px;height:35px}.studio-nav nav{gap:0}.studio-nav nav>a:not(.studio-contact){display:none}.studio-contact{padding:9px 12px;font-size:10px}.studio-hero{grid-template-columns:1fr;padding-block:45px 55px;gap:37px}.studio-hero h1{font-size:clamp(40px,9.3vw,59px);letter-spacing:-2px;line-height:1.12;margin-block:24px}.studio-hero p{font-size:14px;line-height:1.9;margin-bottom:24px}.studio-kicker{font-size:9px;letter-spacing:1.2px}.studio-button{padding:13px 20px;font-size:12px}.platform-line{margin-top:27px;gap:9px}.platform-line small{width:auto;margin-left:0;font-size:9px}.mascot-stage{max-width:340px;width:calc(100% - 35px);margin:auto;padding:24px 8px 18px}.mascot-sticker{right:-24px;bottom:3px;font-size:11px;padding:16px}.orbit-label{font-size:7px;letter-spacing:1px}.mascot-paper{border-radius:13px;box-shadow:11px 13px 0 #292a42}.studio-marquee .wrap{font-size:14px;gap:10px;padding-block:15px;letter-spacing:-.4px;white-space:nowrap}.studio-marquee span{font-size:17px}.studio-marquee span:last-child{display:none}.studio-work{padding-block:55px}.studio-section-heading{display:block}.studio-section-heading h2{font-size:34px;letter-spacing:-1px;margin-top:17px}.studio-section-heading>p{font-size:13px;margin-top:22px;max-width:500px}.platform-filters{margin:27px 0 20px;gap:6px}.platform-filters button{font-size:10px;padding:8px 12px}.studio-product{grid-template-columns:1fr}.studio-product-copy{padding:29px}.studio-app-icon{width:55px;height:55px;margin-bottom:18px}.studio-product h3{font-size:43px}.studio-product .app-tagline{font-size:18px}.studio-product .app-description{max-width:440px;font-size:13px}.studio-product .app-documents{margin-top:20px}.studio-product-art{min-height:230px;padding:33px 0 33px 25px}.studio-product-preview{width:120%;transform:rotate(-3deg)}.studio-product-art:before{font-size:95px;right:20px;top:-3px}.studio-about{padding-block:50px}.studio-principles{grid-template-columns:1fr;gap:24px;margin-top:32px}.studio-principles article{padding-top:17px}.studio-principles h3{margin:10px 0;font-size:23px}.studio-banner{grid-template-columns:1fr;gap:18px;margin-top:38px}.studio-banner figcaption{max-width:none;font-size:14px}.studio-hello{padding-block:55px}.studio-hello h2{font-size:37px;letter-spacing:-1.1px;margin:19px 0 24px}.studio-hello>a{font-size:17px;gap:45px}.studio-footer{align-items:start;flex-wrap:wrap;gap:16px 25px;font-size:10px;padding-block:23px}.studio-footer>span:nth-child(2){display:none}.studio-footer nav{margin-left:auto;gap:15px}.studio .empty-message{padding:30px 23px;font-size:13px}}

.studio.document-page .developer-hero{padding-block:65px 45px}.studio.document-page .developer-hero h1{font-size:clamp(38px,5vw,64px);letter-spacing:-2px;font-weight:500;line-height:1.12}.studio.document-page .lead,.studio.document-page .document-intro{color:#b1abc5}.studio .app-entry{color:#2d4937}.studio .app-entry p{color:#6e7e64}.studio .app-entry h3{font-family:Lora,serif}.studio .app-entry .app-documents{color:#586f4c}.document-help{margin-top:45px;padding-top:30px;border-top:1px solid #434058}.document-help h2{font-size:23px;margin-bottom:14px}.document-help p{font-size:13px;color:#b1abc5}.document-help a{color:#efc3a7;text-decoration:underline;text-underline-offset:4px}
.studio-mobile-preview{max-width:270px;border:6px solid #292a41;border-radius:27px;transform:rotate(6deg);margin:28px auto;box-shadow:0 30px 65px #090a1940;overflow:hidden}.studio-mobile-preview .window-bar{display:none}.studio-product-art .studio-mobile-preview img{width:100%;height:auto;max-width:100%;aspect-ratio:390/844;object-fit:contain;transform:none}.studio-product-art:has(.studio-mobile-preview){padding:22px;display:flex;align-items:center;justify-content:center}.studio-mobile-preview .screen-button{border-radius:0}@media(max-width:720px){.studio-mobile-preview{max-width:235px;margin:20px auto}.studio-product-art:has(.studio-mobile-preview){padding:8px 22px 28px}}
.studio-catalog{display:grid;gap:30px}.studio-product .product-links{flex-wrap:wrap;gap:12px 20px}.studio-product[data-product=tv-kontrol]{background:#101d27;color:#e8f1f3;border:1px solid #365251}.studio-product[data-product=tv-kontrol] h3{font-family:DM,Arial,sans-serif;font-weight:600}.studio-product[data-product=tv-kontrol] .app-description{color:#a4bcc5}.studio-product[data-product=tv-kontrol] .app-tagline{font-family:DM,Arial,sans-serif;color:#82dec5}.studio-product[data-product=tv-kontrol] .app-platforms span{color:#9acabd;border-color:#365d54}.studio-product[data-product=tv-kontrol] .app-badge{color:#9dc7b7;background:#203c32}.studio-product[data-product=tv-kontrol] .product-links>a:first-child{background:#82dec5;color:#102a29}.studio-product[data-product=tv-kontrol] .product-links>a:nth-child(2){font-size:11px;color:#c5e0d9;border-color:#527e6d}.studio-product[data-product=tv-kontrol] .app-documents a{color:#9fbabf}.studio-product[data-product=tv-kontrol] .studio-product-art{background:radial-gradient(ellipse,#23453b,#10202b);padding:35px;display:flex;align-items:center;justify-content:center}.studio-product[data-product=tv-kontrol] .studio-product-art:before{color:#2d544a;content:'+'}.studio-landscape-preview{width:100%;max-width:100%;transform:rotate(-3deg);border-color:#4a6d67;border-radius:10px;box-shadow:0 20px 50px #050e1870}.studio-landscape-preview .window-bar{display:none}.studio-landscape-preview img{width:100%;height:auto;object-fit:contain;aspect-ratio:auto}.studio-product[data-product=tv-kontrol] .store-badge{background:#152c2c;border-color:#365951}.studio-product[data-product=tv-kontrol] .store-badge strong{color:#d2ece3}@media(max-width:720px){.studio-product[data-product=tv-kontrol] .studio-product-art{padding:24px 20px 32px;min-height:0}.studio-product[data-product=tv-kontrol] .studio-product-copy{padding:27px}.studio-product[data-product=tv-kontrol] .product-links{gap:17px}.studio-catalog{gap:22px}}