:root{--otl-ink:var(--color-text-primary);--otl-surface:var(--color-bg-card);--studio-cobalt:#2054ff;--studio-coral:#ff9a85;--studio-lime:#ddff82;--studio-cream:#fbfaf6;--color-bg:#fbfaf6;--color-bg-card:#ffffff;--color-bg-inverse:#edf0ff;--color-bg-inverse-card:#ffffff;--color-text-primary:#0b1020;--color-text-secondary:#555d6e;--color-text-tertiary:#70798a;--color-text-on-inverse:#0b1020;--color-text-on-inverse-muted:#555d6e;--color-border:#e1e4ed;--color-border-on-inverse:#d2d8ed;--font-sans:var(--font-geist),system-ui,sans-serif;--font-serif:var(--font-geist),system-ui,sans-serif;--font-mono:var(--font-geist-mono),ui-monospace,monospace;--otl-accent:#2054ff}html.dark{--otl-ink:var(--color-text-primary);--otl-surface:var(--color-bg-card);--color-bg:#101629;--color-bg-card:#18213a;--color-bg-inverse:#18213a;--color-bg-inverse-card:#202c49;--color-text-primary:#f7f8ff;--color-text-secondary:#bac5db;--color-text-tertiary:#98a7c2;--color-text-on-inverse:#f7f8ff;--color-text-on-inverse-muted:#bac5db;--color-border:#34405a;--color-border-on-inverse:#34405a;--otl-accent:#9eb4ff}body{font-variant-numeric:lining-nums proportional-nums}.otl-board{--otl-ink:var(--color-text-primary);--otl-surface:var(--color-bg-card);--otl-good:#47764f;--otl-bad:#a34136;--otl-accent:var(--studio-cobalt)}html.dark .otl-board{--otl-good:#8fbf9a;--otl-bad:#ee9d94;--otl-accent:#9eb4ff}:where(h1,h2,h3){font-family:var(--font-sans);letter-spacing:-.04em}.font-display{font-family:var(--font-sans);font-weight:800;letter-spacing:-.045em;font-variation-settings:normal}.font-italic-soft{font-style:normal;font-weight:750;font-variation-settings:normal}::selection{background:var(--studio-cobalt);color:white}:focus-visible{outline:3px solid var(--studio-cobalt);outline-offset:5px}.studio-container{width:min(1400px,calc(100% - 80px));margin-inline:auto}.studio-page{padding-bottom:88px}.studio-page-intro{padding-block:72px 56px;max-width:1050px}.studio-page-intro h1{font-size:clamp(2.8rem,5.3vw,5.2rem);font-weight:850;line-height:1.04;letter-spacing:-.06em}.studio-page-intro>p{margin-top:24px}.studio-label{font-size:12px;font-weight:650;letter-spacing:.08em;color:var(--studio-cobalt)}html.dark .studio-label{color:#9eb4ff}html.dark .studio-tinted-surface .studio-label{color:#1745d5}.studio-page-intro>.studio-label{margin:0 0 20px}.studio-accent{color:var(--studio-cobalt)}html.dark .studio-accent{color:#9eb4ff}.studio-lede{max-width:62ch;color:var(--color-text-secondary);font-size:clamp(1.06rem,1.5vw,1.25rem);line-height:1.65}.studio-actions{display:flex;align-items:center;flex-wrap:wrap;margin-top:30px}.studio-button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:22px;border:1px solid var(--studio-cobalt);border-radius:999px;padding:13px 27px;color:white;background:var(--studio-cobalt);font-size:15px;font-weight:650;white-space:nowrap;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1)}.studio-button svg{transition:transform .25s cubic-bezier(.16,1,.3,1)}.studio-button:hover{transform:translateY(-2px);box-shadow:0 7px 20px #2054ff26}.studio-button:hover svg{transform:translateX(4px)}.studio-button:active{transform:translateY(0) scale(.98)}.studio-button.secondary{background:transparent;border-color:#adb5c8;color:var(--color-text-primary)}.studio-white-action .studio-button.secondary{color:#18221e}.studio-surface{border-radius:26px;padding:32px;background:var(--color-bg-card);border:1px solid var(--color-border)}.studio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.studio-pill{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;font-size:12px;font-weight:600;background:#e9edff;color:#1745d5}.studio-section{padding-block:84px}.studio-section-heading{margin-bottom:26px}.studio-section-heading h2{font-size:clamp(1.9rem,3vw,2.7rem);font-weight:800;line-height:1.12}.studio-section-heading p{max-width:65ch;margin-top:16px;color:var(--color-text-secondary);line-height:1.6}.studio-nav{position:relative;z-index:20;background:var(--color-bg)}.studio-nav-inner{height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}.studio-wordmark{display:inline-flex;align-items:center;gap:12px;font-weight:750;font-size:20px;letter-spacing:-.05em;white-space:nowrap}.studio-wordmark img{width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:center 16%}.studio-desktop-nav{display:flex;gap:22px;align-items:center;font-size:14px;font-weight:500;white-space:nowrap}.studio-desktop-nav>a{position:relative;padding-block:12px}.studio-desktop-nav>a:after{position:absolute;content:"";height:3px;width:100%;left:0;bottom:4px;background:var(--studio-cobalt);border-radius:3px;transform:scaleX(0);transition:transform .25s cubic-bezier(.16,1,.3,1)}.studio-desktop-nav>a.active:after,.studio-desktop-nav>a:hover:after{transform:scaleX(1)}.studio-nav-tools{display:flex;align-items:center;gap:10px}.studio-nav-youtube{display:flex;align-items:center;gap:9px;font-size:13px;white-space:nowrap;padding-right:10px}.studio-resource-menu{position:relative}.studio-resource-menu>button{display:flex;align-items:center;gap:4px;padding-block:12px}.studio-dropdown{position:absolute;right:-30px;top:45px;width:250px;background:var(--color-bg-card);box-shadow:0 14px 38px #14274e16;border:1px solid var(--color-border);border-radius:18px;padding:9px}.studio-dropdown a{display:flex;justify-content:space-between;padding:12px;border-radius:10px}.studio-dropdown a:hover{background:#e8edff;color:#0b1020}.studio-menu-toggle{display:none;width:42px;height:42px;align-items:center;justify-content:center}.studio-mobile-menu{position:fixed;inset:0;z-index:30;background:var(--color-bg);padding:72px 28px 30px;overflow-y:auto;animation:studio-enter .25s cubic-bezier(.16,1,.3,1)}.studio-menu-close{position:absolute;top:20px;right:24px;padding:6px}.studio-mobile-menu>nav{display:grid;gap:16px;font-size:32px;font-weight:750;letter-spacing:-.04em}.studio-mobile-menu>nav a{display:flex;align-items:center;justify-content:space-between}.studio-mobile-resources{display:grid;gap:18px;border-top:1px solid var(--color-border);padding-top:28px;margin-top:34px}.studio-hero{position:relative;min-height:475px;padding-top:56px}.studio-hero-copy{position:relative;z-index:3;width:67%;pointer-events:none}.studio-hero-copy a{pointer-events:auto}.studio-hero h1{font-size:clamp(3.1rem,5.05vw,5rem);font-weight:850;line-height:1.05}.studio-hero h1>span{display:block;white-space:normal}.studio-hero h1>.studio-accent{font-size:.9em}.studio-hero-copy>p{margin-top:24px;font-size:clamp(1rem,1.65vw,1.45rem);color:var(--color-text-secondary);max-width:620px;line-height:1.5}.studio-hero-scene{position:absolute;right:0;bottom:0;width:48%;height:460px;overflow:hidden}.studio-hero-person{position:absolute;z-index:2;left:0;bottom:-24px;width:auto;height:460px;max-width:none;object-fit:contain;object-position:bottom}.studio-brush{position:absolute;left:8px;top:105px;width:340px;height:280px;transform:rotate(-20deg);z-index:1}.studio-brush span{position:absolute;display:block;height:70px;width:100%;border-radius:45% 35% 50% 40%;background:linear-gradient(90deg,#4176ff,#2054ff 60%,#5682ff)}.studio-brush span:first-child{top:20px;transform:rotate(-8deg)}.studio-brush span:nth-child(2){top:101px;transform:rotate(8deg);left:7px}.studio-brush span:nth-child(3){top:185px;transform:rotate(-3deg);left:-10px}.studio-build-stack{position:absolute;right:-18px;top:50px;width:270px;height:345px;z-index:1;transform:rotate(-3deg)}.studio-build-stack>img{object-fit:contain}.studio-block-labels{position:absolute;inset:0;display:block;font-size:19px;font-weight:650;color:white}.studio-block-labels span{position:absolute;left:48%;width:80%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;gap:20px}.studio-block-labels span:first-child{top:34%}.studio-block-labels span:nth-child(2){top:58%}.studio-block-labels span:nth-child(3){top:80%}.studio-project-section{position:relative;z-index:4}.studio-project-section .studio-section-heading{padding-left:18px}.studio-project-section h2:before{content:"↗";display:inline-block;margin-right:12px;font-size:.8em;color:var(--studio-cobalt);transform:rotate(10deg)}.studio-projects{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:16px}.studio-project-card{position:relative;min-height:392px;border-radius:26px;padding:25px 27px 58px;overflow:hidden;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1)}.studio-project-card:hover{transform:translateY(-5px);box-shadow:0 15px 28px #15255112}.studio-project-card.cobalt{background:var(--studio-cobalt);color:white}.studio-project-card.coral{background:var(--studio-coral);color:#0b1020}.studio-project-card.lime{background:var(--studio-lime);color:#0b1020}.studio-project-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.studio-status{background:#ffffffbb;padding:6px 11px;font-size:11px;font-weight:600;border-radius:999px}.cobalt .studio-status{background:var(--studio-lime)}.studio-project-arrow{opacity:.7}.studio-project-card h3{font-size:clamp(2.3rem,3.5vw,3.6rem);font-weight:800;letter-spacing:-.06em;line-height:1}.studio-project-card>p{margin-top:16px;font-size:15px;line-height:1.55;max-width:29ch}.studio-kendyo-art{position:absolute;width:75%;height:150px;bottom:57px;right:-16px;transform:rotate(-6deg);border:7px solid #0b1020;border-radius:12px;background:#0b1020}.studio-kendyo-art>img{width:100%;height:100%;object-fit:cover;border-radius:4px}.studio-kendyo-art>span{position:absolute;left:-38px;bottom:-20px;background:#0b1020;color:white;display:flex;gap:10px;align-items:center;padding:12px 18px;border-radius:9px;font-size:13px;transform:rotate(8deg)}.studio-workflow{display:grid;gap:8px;margin-top:18px;max-width:205px;margin-left:auto;transform:rotate(3deg)}.studio-workflow>li{display:flex;gap:12px;align-items:center;background:#fffdf6db;color:#101629;border-radius:9px;padding:10px 13px;font-size:13px;box-shadow:0 3px 0 #d76c5920}.workflow-check{margin-left:auto;color:#347842}.studio-atolye-art{position:absolute;right:22px;bottom:59px;display:grid;gap:10px;transform:rotate(-6deg)}.studio-learning-icon{display:grid;place-items:center;background:#ffffffbd;width:145px;height:115px;border-radius:15px;box-shadow:9px 9px 0 #11182b14}.studio-atolye-art>div:last-child{display:flex;gap:9px;align-items:center;padding:10px 14px;font-size:13px;font-weight:550;background:#ffffffb0;border-radius:10px;transform:rotate(9deg)}.studio-project-action{position:absolute;left:27px;bottom:22px;display:flex;align-items:center;gap:12px;font-size:13px;font-weight:650}.studio-project-action svg{transition:transform .25s cubic-bezier(.16,1,.3,1)}.studio-project-card:hover .studio-project-action svg{transform:translateX(5px)}.studio-library{display:grid;grid-template-columns:.9fr 1fr;align-items:center;gap:90px}.studio-library h2,.studio-personal h2,.studio-watch h2,.studio-workshop h2{font-size:clamp(2.3rem,3.9vw,3.65rem);font-weight:800;line-height:1.06;letter-spacing:-.06em}.studio-library .studio-label{margin-bottom:22px}.studio-library .studio-lede,.studio-personal .studio-lede,.studio-watch .studio-lede,.studio-workshop .studio-lede{margin-top:24px;margin-bottom:28px}.studio-system-stack{display:grid;gap:15px}.studio-system-note{position:relative;display:block;padding:26px 30px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:22px;transition:transform .25s cubic-bezier(.16,1,.3,1)}.studio-system-note:hover{transform:translateY(-3px)}.studio-system-note:after{content:"";position:absolute;right:0;bottom:0;width:25px;height:25px;border-bottom-right-radius:20px;background:linear-gradient(135deg,transparent 48%,#2054ff12 50%,#ffffffbb);pointer-events:none;transition:transform .3s cubic-bezier(.22,1,.36,1)}.studio-system-note:hover:after{transform:translate(-2px,-2px)}.studio-system-note.note-1{margin-left:28px;background:#edf0ff;color:#0b1020}.studio-note-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.studio-system-note h3{font-size:23px;font-weight:750;line-height:1.2}.studio-system-note p{color:var(--color-text-secondary);font-size:14px;line-height:1.55;margin-top:10px}.studio-system-note.note-1 p{color:#555d6e}.studio-workshop{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.studio-workshop-art{min-height:380px;background:var(--studio-lime);border-radius:32px;display:grid;place-items:center;position:relative;overflow:hidden}.studio-note-board{width:265px;background:#fffdf8;border-radius:16px;padding:28px;display:grid;gap:16px;color:#0b1020;transform:rotate(-7deg);box-shadow:13px 14px 0 #11182b16}.studio-note-board>span{font-size:40px;font-weight:750;letter-spacing:-.06em;line-height:1}.studio-note-board>div{display:flex;gap:11px;align-items:center;font-size:14px}.studio-pencil{position:absolute;width:13px;height:240px;border-radius:5px;right:16%;top:23%;background:linear-gradient(90deg,#ff806f,#ffb0a1);transform:rotate(28deg)}.studio-watch{display:grid;grid-template-columns:.9fr 1fr;gap:90px;align-items:center}.studio-watch-copy>svg{margin-bottom:24px;color:var(--studio-cobalt)}.studio-video-card{position:relative;height:350px;border-radius:28px;background:var(--studio-cobalt);overflow:hidden;display:block}.studio-video-card>img{position:absolute;height:100%;width:65%;object-fit:cover;object-position:top}.studio-video-card:after{content:none}.studio-play{position:absolute;z-index:1;left:32px;top:40px;border-radius:50%;width:66px;height:66px;display:grid;place-items:center;background:white;color:var(--studio-cobalt);transition:transform .3s cubic-bezier(.16,1,.3,1)}.studio-video-card:hover .studio-play{transform:scale(1.12)}.studio-video-title{position:absolute;left:32px;bottom:40px;z-index:1;width:55%;font-size:36px;font-weight:800;letter-spacing:-.05em;line-height:1.1;color:white}.studio-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.studio-resource{position:relative;padding:30px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:24px;transition:transform .25s cubic-bezier(.16,1,.3,1)}.studio-resource:hover{transform:translateY(-4px)}.studio-resource>svg:first-child{color:var(--studio-cobalt)}.studio-resource h3{margin-top:25px;font-size:25px;font-weight:750}.studio-resource p{max-width:30ch;color:var(--color-text-secondary);font-size:15px;line-height:1.6;margin-top:13px}.studio-resource>svg:last-child{margin-top:22px}.studio-personal{display:grid;grid-template-columns:320px 1fr;align-items:center;justify-content:center;gap:90px;max-width:1040px}.studio-personal-photo{transform:rotate(-4deg);border:13px solid white;background:white;padding-bottom:30px;box-shadow:0 5px 24px #14274e12}.studio-personal-photo img{height:295px;object-fit:cover;object-position:top}.studio-newsletter{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:48px 52px;border-radius:28px;background:#e9edff;color:#0b1020}.studio-newsletter h2{font-size:34px;font-weight:800;letter-spacing:-.05em;line-height:1.1;margin-top:18px}.studio-newsletter p{font-size:15px;line-height:1.6;margin-top:16px;color:#4b5673}.studio-newsletter form>label{font-size:13px;font-weight:600;display:block;margin-bottom:10px}.studio-newsletter-input{display:flex;background:white;border-radius:999px;padding:5px;border:1px solid #c5cdea}.studio-newsletter-input input{width:0;min-width:0;flex:1;padding:12px 17px;background:transparent;border-radius:999px;color:#0b1020}.studio-newsletter-input input::placeholder{color:#5e6680}.studio-newsletter-input button{width:48px;border-radius:50%;display:grid;place-items:center;background:var(--studio-cobalt);color:white}.studio-newsletter .studio-consent{font-size:11px}.studio-consent a{text-decoration:underline;text-underline-offset:3px}.studio-form-status{min-height:24px}.studio-home-signoff{padding-block:0 60px;color:var(--color-text-secondary);font-size:15px}.studio-home-signoff,.studio-home-signoff a{display:flex;align-items:center;gap:14px}.studio-footer{background:var(--color-bg);border-top:1px solid var(--color-border)}.studio-footer-top{display:grid;grid-template-columns:1fr 1fr auto;gap:60px;padding-block:55px}.studio-footer-name{font-size:32px;font-weight:800;letter-spacing:-.065em}.studio-footer-name span{color:var(--studio-cobalt)}.studio-footer-top p{margin-top:12px;font-size:15px;color:var(--color-text-secondary)}.studio-footer-email{display:flex;align-items:center;gap:12px;margin-top:24px;font-size:14px}.studio-footer-top>nav{display:grid;grid-template-columns:1fr 1fr;gap:15px 25px;align-content:start;font-size:14px}.studio-footer-top>nav a:hover{color:var(--studio-cobalt)}.studio-footer-socials{display:flex;gap:9px}.studio-footer-socials a{width:40px;height:40px;border:1px solid var(--color-border);border-radius:50%;display:grid;place-items:center;font-weight:700}.studio-footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-block:20px 30px;border-top:1px solid var(--color-border);font-size:12px;color:var(--color-text-secondary)}.studio-footer-bottom nav{display:flex;gap:25px;flex-wrap:wrap}html.dark .mj{--mj-sel:#9eb4ff;--mj-on-sel:#0b1020}html:not(.dark) .mj{--mj-canvas:var(--color-bg);--mj-panel:var(--color-bg-card);--mj-raise:var(--color-bg-card);--mj-sunk:#e9edff;--mj-sel:var(--studio-cobalt);--mj-on-sel:#ffffff;--mj-ink:var(--color-text-primary);--mj-ink-2:var(--color-text-secondary);--mj-ink-3:var(--color-text-tertiary)}@keyframes studio-enter{0%{opacity:.8;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1279px){.studio-container{width:calc(100% - 56px)}.studio-nav-youtube span{display:none}.studio-desktop-nav{gap:17px}.studio-hero{min-height:425px;padding-top:45px}.studio-hero-person,.studio-hero-scene{height:410px}.studio-build-stack{width:220px;height:285px;top:58px;right:-10px}.studio-block-labels{font-size:16px}.studio-project-card{padding-inline:23px}.studio-project-action{left:23px}.studio-kendyo-art{height:125px}.studio-library,.studio-watch,.studio-workshop{gap:45px}}@media (max-width:1023px){.studio-nav-inner{height:74px}.studio-desktop-nav,.studio-nav-youtube{display:none}.studio-menu-toggle{display:flex}.studio-hero{min-height:400px}.studio-hero h1{font-size:5.2vw}.studio-hero-copy>p{max-width:430px;font-size:18px}.studio-hero-person{height:360px;left:-25px}.studio-build-stack{width:180px;height:235px;right:-13px;top:96px}.studio-block-labels{font-size:14px}.studio-block-labels svg{width:16px}.studio-brush{width:255px;height:240px;left:-18px}.studio-projects{grid-template-columns:1fr 1fr}.studio-project-card.lime{grid-column:1/-1;min-height:260px}.studio-project-card.lime>p{max-width:45ch}.studio-project-card.lime .studio-atolye-art{right:65px;bottom:55px}.studio-library,.studio-watch,.studio-workshop{grid-template-columns:1fr 1fr;gap:30px}.studio-newsletter{gap:32px;padding:38px}.studio-personal{grid-template-columns:250px 1fr;gap:45px}.studio-personal-photo img{height:245px}.studio-footer-top{grid-template-columns:1fr 1fr;gap:32px}.studio-footer-socials{grid-column:1/-1}}@media (max-width:767px){.studio-container{width:calc(100% - 36px)}.studio-wordmark{font-size:16px;gap:8px}.studio-wordmark img{width:36px;height:36px}.studio-nav-tools{gap:4px}.studio-nav-inner{gap:8px}.studio-nav-tools>button:not(.studio-menu-toggle){display:none}.studio-mobile-theme{display:flex;align-items:center;gap:18px;padding-top:25px}.studio-nav-tools>button{width:32px;height:32px}.studio-hero{min-height:0;padding-top:28px}.studio-hero-copy{width:100%;pointer-events:auto}.studio-hero h1{font-size:clamp(2.25rem,8.2vw,3.8rem);letter-spacing:-.07em;line-height:1.05}.studio-hero h1>span{white-space:normal}.studio-hero h1>.studio-accent{font-size:1em}.studio-hero-copy>p{font-size:17px;line-height:1.5;margin-top:20px;max-width:37ch}.studio-actions{gap:10px;margin-top:24px}.studio-button{min-height:48px;padding:12px 17px;font-size:13px;gap:12px}.studio-hero-scene{position:relative;width:100%;height:320px;margin-top:25px}.studio-hero-person{height:310px;left:-3%;bottom:-28px}.studio-build-stack{width:180px;height:235px;right:-8px;top:33px}.studio-brush{width:255px;left:0;top:62px}.studio-project-section .studio-section-heading{padding-left:0;margin-top:20px}.studio-section-heading h2{font-size:28px}.studio-project-section h2:before{display:none}.studio-grid,.studio-projects,.studio-resource-grid{grid-template-columns:1fr;gap:16px}.studio-project-card{min-height:380px;padding:24px 26px 58px}.studio-project-card h3{font-size:48px}.studio-project-card>p{font-size:16px;max-width:32ch}.studio-project-card.lime{min-height:340px;grid-column:auto}.studio-project-card.lime>p{max-width:31ch}.studio-project-card.lime .studio-atolye-art{right:27px;bottom:58px}.studio-project-action{left:26px}.studio-kendyo-art{width:85%;height:135px;right:-12px;bottom:60px}.studio-workflow{max-width:220px;margin-top:25px}.studio-section{padding-block:44px}.studio-library,.studio-personal,.studio-watch,.studio-workshop{grid-template-columns:1fr;gap:30px}.studio-library h2,.studio-personal h2,.studio-watch h2,.studio-workshop h2{font-size:39px}.studio-system-note{padding:23px}.studio-system-note.note-1{margin-left:0}.studio-system-note h3{font-size:23px}.studio-workshop-art{min-height:340px}.studio-video-card{height:310px}.studio-video-title{font-size:31px}.studio-personal-photo{width:255px;justify-self:center}.studio-personal-photo img{height:265px}.studio-newsletter{grid-template-columns:1fr;gap:24px;padding:29px 24px}.studio-newsletter h2{font-size:31px}.studio-home-signoff{padding-bottom:35px;font-size:13px}.studio-page-intro{padding-block:40px 36px}.studio-page-intro h1{font-size:45px}.studio-page{padding-bottom:44px}.studio-surface{padding:24px}.studio-footer-top{grid-template-columns:1fr;gap:30px;padding-block:35px}.studio-footer-name{font-size:28px}.studio-footer-socials{grid-column:auto}.studio-footer-bottom{flex-direction:column;gap:15px}.studio-footer-bottom nav{gap:16px}}@media (max-width:380px){.studio-wordmark{font-size:15px}.studio-nav-tools{gap:1px}.studio-wordmark img{width:31px;height:31px}.studio-hero-person{left:-3%;height:300px}.studio-build-stack{width:156px;right:-4px}}.studio-catalog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.studio-catalog-toolbar>p{color:var(--color-text-secondary);font-size:13px;white-space:nowrap}.studio-search{display:flex;align-items:center;gap:13px;width:min(480px,100%);padding:14px 20px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:999px}.studio-search>svg{color:var(--studio-cobalt);flex-shrink:0}.studio-search input{min-width:0;width:100%;background:transparent;font-size:15px}.studio-search input::placeholder{color:var(--color-text-tertiary)}.studio-search input:focus-visible{outline:none}.studio-search:focus-within{outline:3px solid var(--studio-cobalt);outline-offset:3px}.studio-search button{display:flex}.studio-systems-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.studio-system-card{display:flex;flex-direction:column;min-height:315px;padding:28px;border:1px solid var(--color-border);border-radius:25px;background:var(--color-bg-card);transition:transform .25s cubic-bezier(.16,1,.3,1)}.studio-system-card:hover{transform:translateY(-4px)}.studio-system-card>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.studio-system-card h2{font-size:27px;font-weight:750;letter-spacing:-.04em;line-height:1.15}.studio-system-card p{font-size:14px;line-height:1.6;color:var(--color-text-secondary);margin-top:18px;flex:1}.studio-system-card>span{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:28px;font-size:13px;font-weight:600}.studio-system-card.system-tone-1{background:#eaf0ff;color:#0b1020}.studio-system-card.system-tone-2{background:#ffe5dc;color:#0b1020}.studio-system-card.system-tone-1 p,.studio-system-card.system-tone-2 p{color:#4a5267}.studio-empty{margin-block:25px;display:grid;gap:18px}.studio-empty h2{font-size:26px;font-weight:700}.studio-empty .studio-button{justify-self:start}@media (max-width:1023px){.studio-systems-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.studio-systems-grid{grid-template-columns:1fr}.studio-system-card{min-height:285px;padding:26px}.studio-catalog-toolbar{flex-wrap:wrap;gap:13px}}@media (prefers-reduced-motion:reduce){.studio-hero-copy,.studio-hero-scene,.studio-mobile-menu{animation:none}.studio-button,.studio-play,.studio-project-card,.studio-resource,.studio-system-note{transition:none}}.studio-page-intro{text-align:center;margin-inline:auto}.studio-page-intro h1{text-wrap:balance}.studio-page-intro .studio-lede{margin-inline:auto;max-width:56ch}.studio-page-intro>.studio-label{display:inline-flex;align-items:center;min-height:28px;padding:7px 12px;border-radius:999px;background:#2054ff0a;font-size:10px;letter-spacing:.13em}.studio-section-heading{margin-inline:auto;max-width:900px;text-align:center}.studio-section-heading p{margin-inline:auto;max-width:60ch}.studio-centered-section{text-align:center;min-width:0}.studio-centered-section>p{margin-inline:auto}.studio-centered-section .studio-actions{justify-content:center}.studio-centered-card{text-align:center;min-width:0;box-shadow:inset 0 1px 0 #ffffff90,0 12px 32px -26px #14274e2e}.studio-centered-card>div>p,.studio-centered-card>p,.studio-centered-card>svg{margin-inline:auto}.studio-intro-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:70px;min-width:0}.studio-intro-grid .studio-page-intro h1{font-size:clamp(2.8rem,4.3vw,4.5rem)}.studio-intro-grid>*{min-width:0}.studio-intro-grid .studio-page-intro{padding-bottom:16px}.studio-actions{justify-content:center;gap:14px}.studio-button{min-height:54px;padding:8px 9px 8px 24px;gap:17px;box-shadow:inset 0 1px 0 #ffffff28}.studio-button.secondary{border-color:#b6bdcb80;background:#ffffff4a}.studio-button-icon{display:grid;place-items:center;width:35px;height:35px;flex-shrink:0;border-radius:50%;background:#ffffff20;box-shadow:inset 0 1px 0 #ffffff24}.studio-button.secondary .studio-button-icon{background:#0b102008}.studio-button:hover .studio-button-icon{transform:translate(1px,-1px)}.studio-icon-medallion,.studio-resource-icon{display:inline-grid;place-items:center;width:62px;height:62px;color:var(--studio-cobalt);border-radius:20px;background:linear-gradient(145deg,#ffffff,#e8edff);box-shadow:inset 0 1px 0 #ffffff,inset 0 -1px 1px #2054ff12,0 9px 22px -13px #2054ff40}.studio-hero{padding-top:68px;min-height:510px}.studio-hero-copy{width:58%}.studio-hero h1{font-size:clamp(3.05rem,4.6vw,4.8rem);letter-spacing:-.065em}.studio-hero-copy>p{max-width:40ch;font-size:clamp(1rem,1.5vw,1.25rem);margin-inline:auto}.studio-hero-copy .studio-actions{margin-top:28px}.studio-project-section .studio-section-heading{padding:0;margin-bottom:34px}.studio-project-section h2:before{display:none}.studio-branded-projects{grid-template-columns:1.2fr 1fr 1fr;gap:22px}.studio-branded-projects .studio-project-card{min-width:0;min-height:495px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 28px 24px;border-radius:30px;border:1px solid #1016290b;box-shadow:inset 0 1px 0 #ffffff55,0 18px 48px -38px #14274e50}.studio-branded-projects .studio-project-card:hover{transform:translateY(-5px);box-shadow:inset 0 1px 0 #ffffff55,0 24px 44px -30px #14274e38}.studio-project-kendyo{background:#11130f;color:#f1f0e8}.studio-project-eratt{background:#f8f8f3;color:#181a21}.studio-project-atolye{background:#f2e83f;color:#141414}.studio-project-eratt:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 75%,#3157ee0b,transparent 65%);pointer-events:none}.studio-branded-projects .studio-project-top{width:100%;justify-content:center;margin-bottom:28px}.studio-status{display:inline-flex;align-items:center;gap:7px;background:#ffffff8a;color:#172138;padding:6px 12px;font-size:10px;letter-spacing:.02em}.studio-status>span{width:5px;height:5px;background:currentColor;border-radius:50%}.studio-project-kendyo .studio-status{color:#d8ff67;background:#d8ff6712;border:1px solid #d8ff672a}.studio-brand-logo{display:inline-flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap}.studio-brand-mark{width:46px;height:46px;object-fit:contain;flex-shrink:0}.studio-brand-wordmark{font-size:46px;font-weight:800;line-height:1;letter-spacing:-.07em}.studio-brand-dot{color:#d8ff67}.studio-brand-eratt .studio-brand-wordmark{font-family:var(--font-eratt),var(--font-sans);font-weight:800;letter-spacing:-.065em}.studio-brand-eratt .studio-brand-mark{width:39px;height:39px}.studio-brand-atolye .studio-brand-mark{border-radius:11px;width:42px;height:42px}.studio-brand-atolye .studio-brand-wordmark{font-size:42px;letter-spacing:-.055em}.studio-branded-projects .studio-project-description{margin:21px auto 0;max-width:34ch;font-size:14px;line-height:1.65;opacity:.87;text-wrap:pretty}.studio-brand-scene{width:100%;min-height:208px;margin-top:auto;padding-top:22px;position:relative}.studio-photo-tray{padding:5px;border-radius:17px;background:#ffffff0c;border:1px solid #ffffff18;transform:rotate(-3deg);box-shadow:0 10px 25px #00000020}.studio-photo-tray img{width:100%;height:168px;object-fit:cover;border-radius:12px}.studio-kendyo-scene figcaption{position:absolute;display:flex;justify-content:center;align-items:center;gap:8px;left:8%;right:8%;bottom:0;padding:10px 8px;color:#11130f;background:#d8ff67;border-radius:11px;font-size:10px;font-weight:600;transform:rotate(2deg);box-shadow:0 3px 0 #0000001a}.studio-eratt-scene{display:grid;place-items:center;overflow:hidden;padding-top:4px}.studio-eratt-scene>img{position:absolute;width:168px;height:168px;object-fit:contain;right:-6px;top:8px;transform:rotate(9deg)}.studio-eratt-workflow{display:grid;gap:9px;width:76%;position:relative;padding-top:20px;margin-right:35px;transform:rotate(-4deg)}.studio-eratt-workflow>li{display:flex;align-items:center;gap:11px;padding:12px 15px;color:#181a21;background:#ffffffee;border:1px solid #3157ee12;border-radius:12px;box-shadow:0 5px 12px -9px #3157ee50;text-align:left;font-size:12px}.studio-eratt-workflow svg{color:#3157ee}.studio-atolye-scene{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.studio-workbench-tile{display:grid;place-items:center;gap:11px;width:76%;min-height:132px;border-radius:18px;color:#141414;background:#fffef4;border:1px solid #1414140a;transform:rotate(-5deg);box-shadow:7px 7px 0 #ee4c32;padding:17px}.studio-workbench-tile span{font-size:12px;font-weight:650}.studio-workbench-step{padding:10px 14px;border:1px solid #14141418;background:#ffffff88;border-radius:11px;font-size:10px;transform:rotate(3deg)}.studio-branded-projects .studio-project-action{position:static;align-self:stretch;justify-content:center;font-size:12px;margin-top:25px;gap:14px;min-height:40px;padding-top:13px;border-top:1px solid #14141414}.studio-project-kendyo .studio-project-action{border-color:#ffffff18}.studio-project-action-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#10162908}.studio-project-kendyo .studio-project-action-icon{color:#11130f;background:#d8ff67}.studio-library,.studio-watch,.studio-workshop{gap:72px}.studio-watch-copy{text-align:center}.studio-watch-copy>p{margin-inline:auto}.studio-resource{text-align:center;padding:38px 30px 29px;box-shadow:inset 0 1px 0 #ffffff88,0 18px 40px -35px #14274e30}.studio-resource p,.studio-resource>svg:last-child{margin-inline:auto}.studio-newsletter>div{text-align:center}.studio-home-signoff{justify-content:center;text-align:center}html.dark .studio-icon-medallion,html.dark .studio-resource-icon{color:#adc0ff;background:linear-gradient(145deg,#2b395e,#18213a);box-shadow:inset 0 1px 0 #ffffff15,0 9px 22px -13px #00000080}html.dark .studio-newsletter .studio-icon-medallion{color:#1745d5;background:#ffffffcc}html.dark .studio-button.secondary{background:#ffffff05;border-color:#ffffff30}html.dark .studio-button.secondary .studio-button-icon{background:#ffffff10}html.dark .studio-white-action .studio-button.secondary{background:transparent;color:#18221e}@media (max-width:1279px){.studio-hero{min-height:450px;padding-top:54px}.studio-hero h1{font-size:4.65vw}.studio-branded-projects .studio-project-card{padding-inline:22px}.studio-brand-wordmark{font-size:38px}.studio-brand-mark{width:39px;height:39px}.studio-brand-atolye .studio-brand-wordmark{font-size:35px}}@media (max-width:1023px){.studio-intro-grid{grid-template-columns:1fr;gap:35px}.studio-intro-grid>:last-child{max-width:560px;margin-inline:auto;width:100%}.studio-hero{min-height:440px}.studio-hero-copy{width:59%}.studio-hero h1{font-size:4.6vw}.studio-branded-projects{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-project-atolye{grid-column:1/-1}.studio-branded-projects .studio-project-atolye{min-height:410px}.studio-brand-scene{max-width:430px}}@media (max-width:767px){.studio-container{width:calc(100% - 40px)}.studio-hero{min-height:0;padding-top:34px}.studio-hero-copy{width:100%}.studio-hero h1{font-size:clamp(2rem,8.1vw,3.9rem);letter-spacing:-.065em;line-height:1.08;text-wrap:balance}.studio-hero-copy>p{font-size:16px;max-width:31ch;line-height:1.65;margin-top:20px}.studio-hero-copy .studio-actions{margin-top:24px}.studio-button{min-height:48px;font-size:12px;padding:7px 7px 7px 17px;gap:9px}.studio-button-icon{width:28px;height:28px}.studio-actions{gap:10px}.studio-hero-scene{width:min(365px,100%);height:318px;margin:26px auto 0}.studio-hero-person{left:0;height:307px;bottom:-18px}.studio-build-stack{right:-3px;top:40px;width:163px;height:220px}.studio-brush{width:260px;left:0;top:70px}.studio-project-section .studio-section-heading{margin-top:35px;margin-bottom:27px}.studio-section-heading h2{font-size:clamp(1.8rem,6.6vw,2.6rem);line-height:1.15;text-wrap:balance}.studio-section-heading p{font-size:15px;line-height:1.75}.studio-branded-projects{grid-template-columns:1fr;gap:21px}.studio-project-atolye{grid-column:auto}.studio-branded-projects .studio-project-atolye,.studio-branded-projects .studio-project-card{min-height:475px;padding:29px 25px 23px;border-radius:27px}.studio-branded-projects .studio-project-top{margin-bottom:25px}.studio-brand-wordmark{font-size:44px}.studio-brand-mark{width:44px;height:44px}.studio-brand-atolye .studio-brand-wordmark{font-size:40px}.studio-branded-projects .studio-project-description{font-size:14px;max-width:30ch}.studio-branded-projects .studio-brand-scene{margin-top:13px;min-height:210px}.studio-page-intro{padding-block:46px 34px}.studio-page-intro h1{font-size:clamp(2.05rem,8.8vw,3.45rem);letter-spacing:-.055em;line-height:1.09}.studio-page-intro .studio-lede{font-size:16px;line-height:1.75}.studio-intro-grid{gap:35px}.studio-intro-grid .studio-page-intro h1{font-size:clamp(2.05rem,8.8vw,3.45rem)}.studio-intro-grid .studio-page-intro{padding-bottom:0}.studio-centered-section>p{max-width:33ch}.studio-library,.studio-watch,.studio-workshop{gap:38px}.studio-library h2,.studio-personal h2,.studio-watch h2,.studio-workshop h2{font-size:34px;text-wrap:balance}.studio-system-note{text-align:center;padding:28px 22px}.studio-note-heading{justify-content:center;gap:15px}.studio-system-note h3{font-size:22px;text-wrap:balance}.studio-system-note.note-1{margin-left:0}.studio-resource{padding:30px 25px}.studio-resource h3{font-size:23px}.studio-newsletter{padding:32px 23px}.studio-newsletter h2{font-size:29px;text-wrap:balance}.studio-personal{gap:35px}.studio-personal-photo{max-width:270px;margin-inline:auto;transform:none;border-radius:22px;overflow:hidden;padding:7px;border-width:0}.studio-personal-photo img{border-radius:16px}.studio-home-signoff{align-items:flex-start;font-size:14px}}@media (max-width:374px){.studio-wordmark span{font-size:14px}.studio-hero-person{height:285px;left:-4%}.studio-build-stack{right:-7px;width:150px;height:205px}.studio-button{font-size:11px;padding-left:14px;gap:8px}.studio-brand-wordmark{font-size:40px}}.studio-project-section{padding-top:26px}.studio-system-card{text-align:center}.studio-system-card h2,.studio-system-card p{text-wrap:pretty}.studio-system-card>span{justify-content:center}.studio-about-story{text-wrap:pretty}@media (max-width:767px){.studio-project-section{padding-top:0}.studio-nav-tools{gap:4px}.studio-nav-tools>span[aria-hidden]{display:none}.studio-nav-tools>.studio-menu-toggle{width:44px;height:44px;flex-shrink:0}.studio-nav-tools .studio-locale-toggle button{min-width:44px;min-height:44px;padding-inline:10px;font-size:10px}.studio-mobile-theme button{width:44px;height:44px}.studio-mobile-resources{gap:6px}.studio-mobile-resources a{display:flex;align-items:center;min-height:44px;padding-block:8px}.studio-menu-close{position:fixed;top:20px;right:20px;width:44px;height:44px;border-radius:50%;background:var(--color-bg-card)}}@media (max-width:380px){.studio-wordmark img{display:none}.studio-wordmark span{font-size:14px}}@media (max-width:335px){.studio-wordmark span{font-size:13px}}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}.studio-shell,.studio-shell>main,body{min-width:0}.studio-shell{padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0)}.studio-container{width:min(1400px,calc(100% - clamp(32px, 5.6vw, 80px)))}.studio-centered-section,.studio-hero-copy,.studio-library>*,.studio-newsletter>*,.studio-personal>*,.studio-watch-copy,.studio-watch>*,.studio-workshop>*{min-width:0}.studio-hero h1,.studio-page-intro h1{overflow-wrap:anywhere}.studio-about-portrait,.studio-personal-photo{background:#e9edff;isolation:isolate}.studio-personal-photo{aspect-ratio:1/1.08;padding:0;border:8px solid var(--color-bg-card);border-radius:30px;transform:none;overflow:hidden;box-shadow:0 20px 55px -30px #2054ff32}.studio-personal-photo img{width:100%;height:100%;object-fit:contain;object-position:center bottom;border-radius:0;transform:translateX(5%)}.studio-about-portrait img{transform:translateX(5%)}.studio-video-card{height:auto;width:100%;min-height:330px;aspect-ratio:1.65;isolation:isolate;background:#e9edff;box-shadow:inset 0 0 0 1px #2054ff08,0 18px 60px -45px #2054ff50}.studio-video-card>img{right:0;bottom:0;width:60%;height:95%;object-fit:contain;object-position:right bottom}.studio-play{width:58px;height:58px;left:28px;top:28px;background:var(--studio-cobalt);color:white}.studio-video-title{left:28px;bottom:30px;width:43%;font-size:clamp(1.65rem,2.4vw,2.25rem);color:#1745d5;text-wrap:balance}.studio-project-category{color:inherit;opacity:.7;font-size:11px;font-weight:600;letter-spacing:.065em;text-transform:uppercase}.studio-other-projects{padding-block:36px;border-top:1px solid var(--color-border)}.studio-shell .prose-editorial{min-width:0;overflow-wrap:anywhere}.studio-shell .prose-editorial pre{max-width:100%;overflow-x:auto}.studio-shell .prose-editorial pre code{overflow-wrap:normal}.studio-shell .prose-editorial table{display:block;width:max-content;max-width:100%;overflow-x:auto}.studio-other-projects h2{margin:0 0 28px;font-size:22px;font-weight:650;text-align:center}.studio-other-projects>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.studio-other-projects a{min-width:0;text-align:center;padding:12px 16px;border-radius:18px;transition:background .25s cubic-bezier(.22,1,.36,1)}.studio-other-projects a:hover{background:var(--color-bg-card)}.studio-other-project-name{display:flex;justify-content:center;align-items:center;gap:12px;font-size:20px;font-weight:650;letter-spacing:-.04em}.studio-other-project-name svg{color:var(--otl-accent);flex-shrink:0}.studio-other-projects p{margin:10px auto 0;max-width:31ch;color:var(--color-text-secondary);font-size:14px;line-height:1.7}@media (min-width:768px) and (max-width:1100px){.studio-other-projects>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.studio-other-projects>div{grid-template-columns:1fr;gap:14px}.studio-other-projects h2{font-size:20px;margin-bottom:18px}}.studio-branded-projects .studio-project-top{margin-bottom:23px}.studio-project-promise{max-width:22ch;margin:20px auto 0;font-size:21px;font-weight:650;line-height:1.25;letter-spacing:-.025em;text-wrap:balance}.studio-branded-projects .studio-project-description{margin-top:14px}.studio-kendyo-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:6px;border-radius:20px;background:#f1f0e809;box-shadow:inset 0 1px 0 #ffffff15}.studio-kendyo-frame{min-width:0}.studio-kendyo-frame img{width:100%;height:185px;object-fit:cover;object-position:center 42%;border-radius:14px}.studio-kendyo-frame>span{display:block;padding:9px 3px 5px;font-size:10px;color:#f1f0e8}html.dark .studio-about-portrait,html.dark .studio-personal-photo,html.dark .studio-video-card{background:#273759}html.dark .studio-video-title{color:#f7f8ff}@media (max-width:1100px){.studio-watch{grid-template-columns:1fr;gap:32px}.studio-video-card{max-width:660px;min-height:0;margin-inline:auto}.studio-hero{display:grid;min-height:0;padding-top:36px}.studio-hero-copy{width:100%}.studio-hero h1{max-width:23ch;margin-inline:auto;font-size:clamp(2rem,5.4vw,3.8rem)}.studio-hero-copy>p{max-width:40ch;margin-inline:auto}.studio-hero-scene{position:relative;width:min(480px,100%);height:385px;margin:30px auto 0}.studio-hero-person{left:4%;height:370px;bottom:-20px}.studio-build-stack{width:42%;height:290px;top:50px;right:0}.studio-brush{width:72%;left:5%;top:80px}.studio-block-labels{font-size:16px}.studio-desktop-nav{display:none}.studio-menu-toggle{display:grid}}@media (max-width:600px){.studio-hero{padding-top:28px}.studio-hero h1{font-size:clamp(1.85rem,8vw,2.9rem);line-height:1.1}.studio-hero h1>span{white-space:normal}.studio-hero-copy>p{max-width:31ch;font-size:16px}.studio-hero-scene{width:min(380px,100%);height:clamp(270px,80vw,335px);margin-top:24px}.studio-hero-person{height:97%;left:0;bottom:-18px}.studio-build-stack{width:44%;height:76%;top:28px}.studio-block-labels{font-size:clamp(11px,3.4vw,15px)}.studio-brush{width:76%;top:55px}.studio-video-card{min-height:0;aspect-ratio:1.22}.studio-play{left:20px;top:20px;width:48px;height:48px}.studio-video-title{left:20px;bottom:25px;font-size:clamp(1.45rem,5.5vw,1.8rem);width:42%}.studio-video-card>img{width:61%;height:95%}.studio-personal-photo{width:min(320px,100%);max-width:none;border-radius:28px;padding:0;border-width:8px}.studio-branded-projects .studio-project-card{min-height:540px;padding-inline:clamp(20px,6vw,28px)}.studio-project-promise{font-size:20px}.studio-actions{flex-wrap:wrap}.studio-mobile-menu{padding-bottom:calc(32px + env(safe-area-inset-bottom, 0px))}}.article-prose :is(h2,h3){margin-top:2.5rem;line-height:1.25}.article-prose h2{font-size:1.75rem}.article-prose h3{font-size:1.3rem}.article-prose :is(ul,ol){max-width:65ch;padding-left:1.5rem;font-size:1.125rem;line-height:1.7;color:var(--color-text-secondary)}.article-prose ul{list-style:disc}.article-prose ol{list-style:decimal}.article-prose li{margin-block:.5rem;padding-left:.25rem}.article-prose li::marker{color:var(--studio-cobalt);font-weight:700}.article-prose strong{color:var(--color-text-primary);font-weight:650}.article-prose a{color:#1745d5;text-decoration:underline;text-underline-offset:3px}html.dark .article-prose a{color:#aec5ff}.article-prose table{border-collapse:collapse;font-size:1rem;line-height:1.55}.article-prose :is(th,td){padding:.7rem .9rem;border:1px solid var(--color-border);text-align:left;vertical-align:top}.article-prose th{background:var(--color-bg-card);color:var(--color-text-primary);font-weight:650}.article-prose td{color:var(--color-text-secondary)}.article-video{width:min(360px,100%,calc((100svh - 140px) * 9 / 16));margin:2.5rem auto}.article-video video{display:block;width:100%;height:auto;aspect-ratio:9/16;border-radius:20px;background:var(--color-bg-card);border:1px solid var(--color-border)}@media (max-width:640px){.article-prose h2{font-size:1.5rem}}.studio-newsletter-input,.studio-search{border:2px solid #7c8bab}html.dark .studio-search{border-color:#8a9fc2}.studio-newsletter-input:focus-within{outline:3px solid var(--studio-cobalt);outline-offset:3px}.studio-wordmark{gap:0}.studio-nav-youtube .studio-youtube-mark{flex-shrink:0;width:28px;height:20px}.studio-button.secondary{border-color:#6f7f9c;background:#edf0ff;color:#172746;box-shadow:inset 0 1px 0 #fff}.studio-button.secondary .studio-button-icon{background:#172746;color:#fff;box-shadow:none}.studio-button.secondary:hover{background:#e1e7ff;border-color:#2054ff}html.dark .studio-button.secondary{background:#283859;color:#f7f8ff;border-color:#7185ab;box-shadow:none}html.dark .studio-button.secondary .studio-button-icon{background:#c9d6ff;color:#15213b}html.dark .studio-button.secondary:hover{background:#34486c}.studio-white-action .studio-button.secondary,html.dark .studio-white-action .studio-button.secondary{background:#fff;color:#172746;border-color:#778e99}.studio-pill{background:#173fc6;color:#fff;border:1px solid #173fc6}html.dark .studio-pill{background:#cfdaff;color:#15295a;border-color:#cfdaff}.studio-system-card.system-tone-0 .studio-pill,.studio-system-card.system-tone-1 .studio-pill,.studio-system-card.system-tone-2 .studio-pill,.studio-system-note .studio-pill{background:#173fc6;color:#fff;border-color:#173fc6}.studio-system-card>span:last-child{padding:12px 17px;border:1px solid #70819e;border-radius:14px;background:#fff;color:#132641}html.dark .studio-system-card>span:last-child{background:#263d62;color:#fff;border-color:#7185ab}.studio-build-stack{height:auto;aspect-ratio:1145/1374}.studio-build-stack>img{display:block;width:100%;height:100%}.studio-block-labels span{left:47%;width:66%;gap:14px}.studio-block-labels span:first-child{top:33.2%}.studio-block-labels span:nth-child(2){top:56.8%}.studio-block-labels span:nth-child(3){top:79.5%}.studio-video-gallery-section{padding-block:52px 62px}.studio-video-feature{position:relative;isolation:isolate;min-height:570px;overflow:hidden;border:1px solid #c3cbed;border-radius:32px;background:radial-gradient(circle at 83% 74%,#cad4ff 0,transparent 35%),#e9edff;box-shadow:0 24px 65px -52px #2054ff87}.studio-video-feature-copy{position:relative;z-index:3;width:min(58%,610px);padding:44px 0 0 54px}.studio-video-feature-copy h2{margin-top:16px;color:#0d1428;font-size:clamp(2.35rem,4vw,3.4rem);font-weight:800;letter-spacing:-.055em;line-height:1.04}.studio-video-feature-copy p{max-width:47ch;margin-top:18px;color:#36445d;font-size:clamp(15px,1.5vw,18px);line-height:1.55}.studio-video-gallery-label{display:inline-flex;align-items:center;gap:10px;color:#14213c;font-size:12px;font-weight:650;letter-spacing:.1em}.studio-video-feature-portrait{position:absolute;z-index:1;right:0;bottom:0;width:44%;height:97%;object-fit:contain;object-position:right bottom;filter:drop-shadow(-15px 18px 25px #18223a20)}.studio-video-mini-list{margin:0;padding:0;list-style:none}.studio-video-mini{position:absolute;z-index:4;width:clamp(155px,16vw,196px);transform:rotate(var(--video-tilt));transition:transform .24s ease}.studio-video-mini:first-child{--video-tilt:-5deg;left:6%;top:41%}.studio-video-mini:nth-child(2){--video-tilt:4deg;left:28%;top:39%}.studio-video-mini:nth-child(3){--video-tilt:-3deg;left:19%;top:70%}.studio-video-mini:focus-within,.studio-video-mini:hover{transform:translateY(-5px) rotate(0);z-index:5}.studio-video-mini a{display:block;padding:5px;overflow:hidden;border:1px solid #cad1e2;border-radius:15px;background:#fff;box-shadow:0 16px 36px -15px #0a1b3f63}.studio-video-mini:nth-child(2) a{border-color:#e7b39f}.studio-video-mini:nth-child(3) a{border-color:#aabf84}.studio-video-mini a:focus-visible{outline:3px solid #2054ff;outline-offset:4px}.studio-video-mini-cover{position:relative;display:block;aspect-ratio:720/404;overflow:hidden;border-radius:10px;background:#10213e}.studio-video-mini-cover img{width:100%;height:100%;object-fit:cover}.studio-video-mini-play{position:absolute;right:6px;bottom:6px;display:grid;place-items:center;width:27px;height:21px;border-radius:6px;background:#ff0033;color:#fff}.studio-video-mini-caption{display:flex;align-items:flex-start;justify-content:space-between;gap:5px;min-height:42px;padding:7px 5px 3px;color:#17213a}.studio-video-mini-title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:11px;font-weight:700;line-height:1.25}.studio-video-mini-duration{display:none}.studio-video-mini-caption svg{flex-shrink:0}.studio-video-gallery-action{text-align:center;margin-top:20px}html.dark .studio-video-feature{border-color:#50618a;background:radial-gradient(circle at 83% 74%,#435895 0,transparent 37%),#23314f}html.dark .studio-video-feature-copy h2,html.dark .studio-video-gallery-label{color:#f7f8ff}html.dark .studio-video-feature-copy p{color:#d8e0f5}@media (min-width:761px) and (max-width:900px){.studio-video-mini:first-child{top:45%}.studio-video-mini:nth-child(2){top:43%}.studio-video-mini:nth-child(3){top:72%}}.studio-other-projects>div{gap:20px}.studio-other-projects a{padding:9px 9px 20px;border:1px solid #c9ced9;border-radius:20px;background:var(--color-bg-card);overflow:hidden;transition:transform .25s ease,border-color .25s ease}.studio-other-projects a:hover{transform:translateY(-4px);border-color:#8198ca}.studio-other-project-cover{display:block;overflow:hidden;aspect-ratio:1200/630;border-radius:12px;background:#eef0f4;margin-bottom:22px}.studio-other-project-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}:where(.studio-other-projects a:hover) .studio-other-project-cover img{transform:scale(1.025)}.studio-other-project-name{padding-inline:10px;font-size:19px;gap:8px}.studio-other-project-name>img{width:22px;height:22px;object-fit:contain;flex-shrink:0}.studio-other-project-name>svg{margin-left:auto;flex-shrink:0}.studio-other-projects a p{padding-inline:10px;margin-top:12px;font-size:14px;line-height:1.65}html.dark .studio-other-projects a{border-color:#50607c}@media (max-width:1100px){.studio-build-stack{height:auto}}@media (max-width:767px){.saas-logo-orbit{opacity:.22}.studio-hero-scene{width:min(410px,100%);height:clamp(275px,84vw,345px)}.studio-hero-person{left:auto;right:-10px;height:93%;bottom:-18px}.studio-build-stack{left:0;right:auto;top:25%;width:46%;height:auto;z-index:3}.studio-block-labels{font-size:clamp(11px,3.2vw,15px)}.studio-block-labels span{gap:10px}.studio-block-labels svg{width:13px;height:13px}.studio-brush{left:5%;top:19%;width:85%}.studio-video-gallery-section{padding-block:38px 46px}.studio-other-projects>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.studio-other-project-name{font-size:16px;flex-wrap:wrap}}@media (max-width:760px){.studio-video-feature{display:flex;flex-direction:column;min-height:0;border-radius:26px}.studio-video-feature-copy{width:100%;padding:27px 19px 0;text-align:center}.studio-video-gallery-label{justify-content:center}.studio-video-feature-copy h2{margin-top:13px;font-size:clamp(2rem,8vw,2.6rem)}.studio-video-feature-copy p{max-width:33ch;margin:12px auto 0;font-size:14px;line-height:1.45}.studio-video-feature-portrait{position:relative;right:auto;bottom:auto;display:block;width:min(78%,270px);height:260px;margin:9px auto -8px;object-fit:cover;object-position:center top;filter:none}.studio-video-mini-list{position:relative;z-index:2;display:grid;gap:10px;padding:15px 14px 17px;border-top:1px solid #c2cbee;background:#dfe5ff}.studio-video-mini{position:static;width:100%;transform:none;transition:none}.studio-video-mini:focus-within,.studio-video-mini:hover{transform:none}.studio-video-mini a{display:grid;grid-template-columns:clamp(96px,31vw,124px) minmax(0,1fr);align-items:center;gap:10px;padding:7px;border-radius:14px;box-shadow:0 10px 22px -17px #0a1b3f63}.studio-video-mini-caption{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;min-height:0;padding:0}.studio-video-mini-title{display:block;overflow:visible;-webkit-line-clamp:unset;font-size:clamp(12px,3.2vw,13.5px);line-height:1.3}.studio-video-mini-duration{display:block;color:#596985;font-size:10px;font-weight:650}.studio-video-mini-caption svg{display:none}html.dark .studio-video-mini-list{border-top-color:#52658d;background:#293a60}}@media (max-width:480px){.studio-other-projects>div{grid-template-columns:1fr}.studio-other-projects a{max-width:440px}.studio-other-project-name{font-size:20px}.studio-other-projects a p{font-size:15px}}@media (prefers-reduced-motion:reduce){.studio-other-project-cover img,.studio-other-projects a,.studio-video-mini{transition:none}.studio-other-projects a:hover,.studio-other-projects a:hover .studio-other-project-cover img,.studio-video-mini:hover{transform:none}}html.dark .studio-search>svg,html.dark .studio-surface>svg{color:#c4d2ff}html.dark a[href^="mailto:"]{color:#b8c9ff}.studio-advisory .studio-advisory-process{--studio-process-gap:2rem;--studio-process-number-size:3rem;--studio-process-line:color-mix(in srgb,var(--studio-cobalt,#2054ff) 35%,var(--color-border,#e1e4ed));display:grid;grid-template-columns:minmax(0,1fr);gap:var(--studio-process-gap);position:relative;isolation:isolate}.studio-advisory .studio-advisory-process-step:after,.studio-advisory .studio-advisory-process-step:before,.studio-advisory .studio-advisory-process:before{content:none}.studio-advisory .studio-advisory-process-step{position:relative;min-width:0;padding:0;border:0;text-align:center;box-shadow:none}.studio-advisory .studio-advisory-process-number{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:var(--studio-process-number-size);height:var(--studio-process-number-size);margin:0 auto 1.25rem;border:2px solid var(--studio-cobalt,#2054ff);border-radius:50%;background:var(--studio-cobalt,#2054ff);color:#ffffff;font-size:.875rem;font-weight:700;line-height:1;letter-spacing:.02em}.studio-advisory .studio-advisory-process-panel{border:1px solid color-mix(in srgb,#18221e 18%,var(--studio-lime,#ddff82))}.studio-advisory .studio-advisory-process-panel .studio-advisory-process{--studio-process-line:color-mix(in srgb,var(--studio-cobalt,#2054ff) 40%,var(--studio-lime,#ddff82))}.studio-advisory .studio-advisory-process-panel .studio-advisory-process-step>p{color:#263329}.studio-advisory .studio-advisory-contact-panel{border:2px solid color-mix(in srgb,var(--studio-cobalt,#2054ff) 24%,var(--color-border,#e1e4ed));background:color-mix(in srgb,var(--studio-cobalt,#2054ff) 6%,var(--color-bg-card,#ffffff));box-shadow:0 18px 50px -36px color-mix(in srgb,var(--studio-cobalt,#2054ff) 30%,transparent)}.studio-contact-form{--contact-field-bg:var(--color-bg-card,#ffffff);--contact-field-border:color-mix(in srgb,var(--studio-cobalt,#2054ff) 65%,var(--color-border,#e1e4ed));--contact-field-focus:var(--studio-cobalt,#2054ff);color:var(--color-text-primary,#0b1020)}.studio-contact-form .studio-contact-label{color:var(--color-text-primary,#0b1020);font-size:.75rem;font-weight:650}.studio-contact-form .studio-contact-field{display:block;width:100%;min-height:52px;border:2px solid var(--contact-field-border);border-radius:14px;background:var(--contact-field-bg);padding:13px 16px;color:var(--color-text-primary,#0b1020);font:inherit;font-size:1rem;line-height:1.5;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.studio-contact-form .studio-contact-field::placeholder{color:var(--color-text-secondary,#555d6e);opacity:1}.studio-contact-form .studio-contact-field:hover{border-color:var(--contact-field-focus)}.studio-contact-form .studio-contact-field:focus{border-color:var(--contact-field-focus);outline:2px solid var(--contact-field-focus);outline-offset:2px;box-shadow:0 0 0 5px color-mix(in srgb,var(--contact-field-focus) 12%,transparent)}.studio-contact-form .studio-contact-message{min-height:180px;resize:vertical}.studio-contact-form .studio-contact-submit{min-height:52px;border:1px solid var(--studio-cobalt,#2054ff);background:var(--studio-cobalt,#2054ff);color:#ffffff}.studio-contact-form .studio-contact-submit .studio-button-icon{background:var(--studio-lime,#ddff82);color:#0b1020}.studio-contact-form .studio-contact-submit:focus-visible{outline:2px solid var(--contact-field-focus);outline-offset:4px}.studio-workshop .studio-challenge-panel{border:2px solid color-mix(in srgb,var(--studio-cobalt,#2054ff) 20%,var(--color-border,#e1e4ed));background:color-mix(in srgb,var(--studio-cobalt,#2054ff) 5%,var(--color-bg-card,#ffffff))}.studio-workshop.studio-page{display:block}.studio-workshop .studio-challenge-card{border:2px solid color-mix(in srgb,var(--studio-cobalt,#2054ff) 42%,var(--color-border,#e1e4ed));border-inline-start-width:5px;background:var(--color-bg-card,#ffffff);color:var(--color-text-primary,#0b1020);box-shadow:0 10px 26px -22px color-mix(in srgb,var(--studio-cobalt,#2054ff) 38%,transparent)}.studio-workshop .studio-challenge-card:nth-child(4n+1){border-color:var(--studio-cobalt,#2054ff);background:var(--studio-cobalt,#2054ff);color:#ffffff}.studio-workshop .studio-challenge-card:nth-child(4n+2){background:color-mix(in srgb,var(--studio-cobalt,#2054ff) 10%,var(--color-bg-card,#ffffff))}.studio-workshop .studio-challenge-card:nth-child(4n+3){border-color:color-mix(in srgb,#18221e 28%,var(--studio-lime,#ddff82));background:var(--studio-lime,#ddff82);color:#18221e}html.dark .studio-contact-form{--contact-field-bg:var(--color-bg,#101629);--contact-field-border:color-mix(in srgb,var(--otl-accent,#9eb4ff) 72%,var(--color-border,#34405a));--contact-field-focus:var(--otl-accent,#9eb4ff)}html.dark .studio-workshop .studio-challenge-card:not(:nth-child(4n+1)):not(:nth-child(4n+3)){border-color:color-mix(in srgb,var(--otl-accent,#9eb4ff) 65%,var(--color-border,#34405a))}@media (min-width:768px){.studio-advisory .studio-advisory-process{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-advisory .studio-advisory-process-step:not(:last-child):after{content:"";position:absolute;z-index:0;top:calc(var(--studio-process-number-size) / 2);left:calc(50% + var(--studio-process-number-size) / 2 + .75rem);width:calc(100% + var(--studio-process-gap) - var(--studio-process-number-size) - 1.5rem);height:2px;border-radius:2px;background:var(--studio-process-line);pointer-events:none}}@media (max-width:639px){.studio-contact-form .studio-contact-submit{width:100%;justify-content:space-between}}@media (prefers-reduced-motion:reduce){.studio-contact-form .studio-contact-field{transition:none}}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/f639721981034f88-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9766a7e9e2e0ad5a-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/b66cf8e69499582a-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/aa016aab0e6d1295-s.p.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/22a5144ee8d83bca-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_4994ab{font-family:Geist,Geist Fallback;font-style:normal}.__variable_4994ab{--font-geist:"Geist","Geist Fallback"}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/013b72fa676f92e0-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/b9408752a0c24fb9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/65f03d54ccadf4a8-s.woff2) format("woff2");unicode-range:u+2000-2001,u+2004-2008,u+200a,u+23b8-23bd,u+2500-259f}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e038a29029a234f2-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/2b5b02fc7e511755-s.p.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/7d4881bb7e1bf84d-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_258e5a{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_258e5a{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/da7b802119872b55-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/dc84073d95c9d174-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/3ba474ca5aeeae0c-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/1e275166db8696c9-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/da242cde9c96f008-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/b9a8de13f9a1c4bd-s.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Manrope Fallback;src:local("Arial");ascent-override:103.31%;descent-override:29.07%;line-gap-override:0.00%;size-adjust:103.19%}.__className_0604e0{font-family:Manrope,Manrope Fallback;font-weight:800;font-style:normal}.__variable_0604e0{--font-eratt:"Manrope","Manrope Fallback"}