:root{--paper:#f4f2eb;--ink:#242522;--muted:#767670;--purple:#d9c6ef;--lime:#d4ec85;--line:#d7d5ce;--font:"DM Sans",sans-serif;--display:"Manrope",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}button,a,input{outline-offset:6px}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #8160af}button{border:0}::selection{background:var(--purple);color:var(--ink)}[hidden]{display:none!important}.header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;position:absolute;top:0;width:100%;z-index:10;gap:30px}.wordmark{font-family:var(--display);font-size:47px;letter-spacing:-4px;font-weight:800;line-height:1}.wordmark>span{font-family:var(--font);font-size:12px;letter-spacing:0;vertical-align:top;display:inline-block;margin:7px 0 0 5px}.header nav{display:flex;gap:5px;padding:5px;background:#e9e7e066;border:1px solid #dedcd477;border-radius:40px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.header nav a{font-size:12px;padding:11px 17px;border-radius:25px;transition:background .2s}.header nav a:hover{background:#e0ddd5}.header nav a.nav-play{background:var(--ink);color:var(--paper);padding-inline:19px}.nav-play span{margin-left:8px}.header-location{font-size:10px;display:grid;grid-template-columns:auto auto;gap:4px 7px;letter-spacing:.02em}.header-location i,.status-dot{width:6px;height:6px;background:#83a064;border-radius:50%;display:inline-block;align-self:center}.header-location #jakarta-clock{grid-column:2;color:var(--muted);font-variant-numeric:tabular-nums}.menu-toggle{display:none}.hero{min-height:850px;height:min(920px,100svh);position:relative;padding:130px 4% 28px;display:flex;flex-direction:column;overflow:hidden}.hero-eyebrow{font-size:10px;letter-spacing:.14em;display:flex;align-items:center;gap:8px}.tiny-star{font-size:21px;line-height:1}.hero-scene{position:absolute;top:110px;left:19%;width:62%;height:450px;z-index:1}.hero-scene canvas{width:100%;height:100%;display:block;cursor:grab;touch-action:pan-y}.hero-scene canvas:active{cursor:grabbing}.scene-note{position:absolute;top:270px;left:9%;font-size:12px;line-height:1.6;transform:rotate(-7deg);color:#74766f;z-index:2}.scene-note>span{display:block;font-size:38px;margin-left:70px;transform:rotate(65deg);color:var(--ink)}.hero-sticker{position:absolute;right:8%;top:285px;width:112px;height:112px;border-radius:50%;background:var(--lime);z-index:2;transform:rotate(13deg);display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:2px 3px #bccf7e;transition:transform .4s}.hero-sticker:hover{transform:rotate(0) scale(1.08)}.hero-sticker span{font-size:10px;letter-spacing:.07em;line-height:1.45;font-weight:600}.hero-sticker b{font-size:36px;font-weight:400;line-height:1}.hero-copy{position:relative;margin:auto auto 0;z-index:2;width:100%;pointer-events:none;padding-top:360px}.hero h1{font-family:var(--display);font-size:clamp(55px,6.9vw,112px);font-weight:500;letter-spacing:-.075em;line-height:1.14;text-align:center;margin:0}.word-pill{background:var(--purple);border-radius:100px;padding:0 .28em;display:inline-block;position:relative;line-height:1.12;transform:rotate(-3deg);margin-right:9px}.pill-spark{font-family:serif;font-size:.35em;position:absolute;right:-.45em;top:-.35em;color:var(--ink);transform:rotate(6deg)}.underlined{position:relative;white-space:nowrap}.underlined svg{position:absolute;width:97%;height:20px;bottom:-10px;left:3%;overflow:visible}.underlined path{fill:none;stroke:var(--ink);stroke-width:2.4;stroke-linecap:round}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-top:49px}.hero-bottom p{font-size:12px;line-height:1.65;margin:0}.round-link{display:flex;align-items:center;gap:20px;font-size:12px}.round-link>span{display:grid;place-items:center;border:1px solid #b8b8b0;border-radius:50%;width:42px;height:42px;font-size:20px;transition:background .2s,transform .2s}.round-link:hover>span{background:var(--purple);transform:translateY(4px)}.hero-index{font-size:9px;letter-spacing:.1em;text-align:right}.hero-index>span{display:block;color:var(--muted);margin-top:8px}.ticker{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0}.ticker>div{display:flex;gap:38px;align-items:center;width:max-content;animation:ticker 38s linear infinite}.ticker span{font-size:12px;letter-spacing:.08em}.ticker b{font-size:24px;line-height:1;font-weight:400}.section-pad{padding:70px 5% 100px}.section-top{display:flex;justify-content:space-between;align-items:center;gap:25px}.eyebrow{font-size:10px;letter-spacing:.12em;font-weight:500}.small-label{font-size:11px;color:var(--muted)}.section-dark{background:#242522;color:var(--paper)}.studio{padding:52px 5% 90px}.studio .small-label{color:#aaaaa1}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;margin-top:70px;align-items:center}.studio h2{font-family:var(--display);font-weight:500;font-size:clamp(36px,4vw,66px);letter-spacing:-.055em;line-height:1.13;margin:0 0 32px}.serif-accent{font-family:Georgia,Times New Roman,serif;font-style:italic;letter-spacing:-.055em;font-weight:400}.studio h2 .serif-accent{color:var(--purple)}.studio p{font-size:13px;color:#c2c2b8;line-height:1.9;max-width:435px;margin:0 0 15px}.text-link{font-size:12px;display:inline-flex;gap:55px;align-items:center;margin-top:15px;border-bottom:1px solid #62635c;padding-bottom:11px}.text-link span{font-size:20px}.studio-orbit{height:400px;position:relative;perspective:900px;display:grid;place-items:center}.orbit-core{font-family:var(--display);width:190px;height:190px;border-radius:56px;background:linear-gradient(135deg,#f0e4ff,#ba9be1 58%,#8462ab);color:#39303e;font-size:160px;font-weight:800;letter-spacing:-14px;line-height:1;display:flex;justify-content:center;align-items:center;box-shadow:inset 6px 7px 12px #fffa,inset -10px -7px 14px #76578a88,18px 20px 30px #0005;transform:rotate(-13deg) rotateY(-20deg);animation:corefloat 7s ease-in-out infinite;z-index:2}.orbit-core span{position:absolute;font-size:45px;top:18px;right:15px;line-height:1}.orbit-ring{position:absolute;width:370px;height:370px;border-radius:50%;border:1px solid #67645e;transform:rotateX(65deg) rotate(-35deg)}.ring-two{transform:rotateY(65deg) rotate(20deg);width:340px;height:340px}.orbit-dot{position:absolute;width:37px;height:37px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#eef7bd,#bed67d 60%,#839941);right:5%;top:40%;box-shadow:7px 7px 12px #0005;animation:bob 6s ease-in-out infinite}.orbit-label{position:absolute;bottom:0;left:5%;font-size:9px;letter-spacing:.13em;line-height:1.8;color:#acada4}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:57px 0 48px;gap:40px}.section-heading h2,.approach h2{font-family:var(--display);font-size:clamp(38px,4.5vw,66px);font-weight:500;line-height:1.12;letter-spacing:-.055em;margin:0}.section-heading p{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 5px;max-width:290px}.service-row{border-top:1px solid var(--line)}.service-row:last-child{border-bottom:1px solid var(--line)}.service-toggle{width:100%;display:flex;align-items:center;background:none;padding:22px 8px 22px 0;text-align:left;gap:28px}.service-number{font-size:11px;color:var(--muted);width:5%}.service-name{font-family:var(--display);font-size:clamp(27px,3.5vw,47px);font-weight:500;letter-spacing:-.06em;flex:1;display:flex;align-items:center;gap:30px}.service-tag{font-family:var(--font);font-size:9px;letter-spacing:.06em;color:var(--muted)}.service-plus{font-size:28px;font-weight:400;width:45px;text-align:center}.service-mini{display:block;width:66px;height:53px;position:relative;transform:rotate(-10deg);margin-right:7%;transition:transform .4s}.service-toggle:hover .service-mini{transform:rotate(8deg) translateY(-5px)}.mini-browser{border-radius:9px;background:#ddd2ec;border:3px solid #a994c2;box-shadow:3px 5px #a994c2}.mini-browser i{height:9px;border-bottom:2px solid #a994c2;display:block}.mini-browser b{font-family:var(--display);font-size:28px;position:absolute;left:20px;top:6px;font-weight:700;letter-spacing:-3px}.mini-app{width:43px;height:61px;background:var(--ink);border-radius:10px;box-shadow:4px 4px #b5b7a8;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:12px 7px;margin-right:8%}.mini-app i{border-radius:4px;background:var(--lime)}.mini-app i:nth-child(2){background:var(--purple)}.mini-app i:nth-child(3){background:#d4e4ed}.mini-doc{width:46px;height:60px;background:#f1beaa;border-radius:3px;box-shadow:4px 4px #c99885;margin-right:8%;padding:5px 8px}.mini-doc b{font-size:20px}.mini-doc i{display:block;background:#986f61;height:2px;margin:5px 0}.service-detail{padding:0 0 30px 8%;display:flex;align-items:flex-end;justify-content:space-between;gap:30px;animation:appear .3s ease}.service-detail p{max-width:490px;font-size:13px;line-height:1.8;color:var(--muted);margin:0}.tags{display:flex;flex-wrap:wrap;gap:6px}.tags span{font-size:10px;padding:7px 10px;border:1px solid var(--line);border-radius:20px}.work{padding-top:25px}.project-grid{display:grid;grid-template-columns:1.16fr 1fr;gap:70px 6%;align-items:start}.project{padding:22px 23px 24px;text-align:left;border-radius:4px;overflow:hidden;width:100%;display:block;transition:transform .4s}.project:hover{transform:translateY(-7px)}.project-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.06em;margin-bottom:28px}.project-open{width:30px;height:30px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:18px;transition:transform .3s}.project:hover .project-open{transform:rotate(45deg)}.project-coffee{background:#e1e3d8}.coffee-preview{background:#faf5e9;margin:15px 5% 38px;transform:rotate(-4deg);box-shadow:9px 15px 30px #3c443824;transition:transform .6s}.project:hover .coffee-preview{transform:rotate(0) scale(1.025)}.coffee-nav{padding:15px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ded9c7;color:#415245}.coffee-nav b{font-size:26px;letter-spacing:-2px}.coffee-nav span{font-size:6px}.coffee-main{min-height:320px;padding:22px;position:relative;overflow:hidden;color:#405243;background:radial-gradient(ellipse at 85% 78%,#e0d8ba55,transparent 70%)}.coffee-main>span:first-child{font-size:7px;letter-spacing:.15em}.coffee-main h3{font-family:Georgia,serif;font-size:43px;font-weight:400;letter-spacing:-2px;line-height:1.05;position:relative;z-index:2;margin:18px 0}.coffee-cup{position:absolute;width:124px;height:160px;right:38px;bottom:45px;transform:rotate(16deg)}.cup-body{width:114px;height:144px;margin:0 auto;background:linear-gradient(100deg,#abc088,#c8d5aa 28%,#c9d7ad 65%,#94a47b);clip-path:polygon(0 0,100% 0,85% 100%,15% 100%);display:flex;align-items:center;flex-direction:column;justify-content:center;position:relative;z-index:2}.cup-body b{font-size:40px;letter-spacing:-3px}.cup-body span{font-size:6px;text-align:center;margin-top:9px;letter-spacing:.1em}.cup-lid{width:125px;height:22px;position:relative;top:4px;background:linear-gradient(#fffdf3,#dfdfd2);border-radius:13px 13px 4px 4px;border-bottom:5px solid #d3d4c6;z-index:3}.cup-shadow{width:150px;height:25px;background:#35442d33;position:absolute;bottom:-20px;right:-35px;border-radius:50%;filter:blur(8px);transform:rotate(-16deg)}.coffee-bottom{font-size:6px;letter-spacing:.07em;position:absolute;bottom:16px;left:22px;right:22px;display:flex;align-items:center;justify-content:space-between}.coffee-bottom b{font-size:23px}.project-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.project-bottom h3{font-family:var(--display);font-size:23px;font-weight:600;letter-spacing:-1px;margin:0 0 8px}.project-bottom p{font-size:10px;margin:0;opacity:.65}.project-type{font-size:8px;padding:6px 9px;border-radius:20px;border:1px solid #74786a55;white-space:nowrap}.project-dashboard{margin-top:100px;background:#d9ceea}.dashboard-preview{display:flex;background:#f7f6fa;margin:15px -5px 35px 5px;min-height:260px;border-radius:7px;box-shadow:6px 15px 25px #5c4b7226;transform:rotate(4deg);overflow:hidden;transition:transform .6s}.project:hover .dashboard-preview{transform:rotate(0) scale(1.02)}.dashboard-preview aside{width:26%;background:#eeedf3;padding:16px 8px;font-size:7px;display:flex;flex-direction:column;gap:13px;position:relative}.dashboard-preview aside>b{font-size:16px;letter-spacing:-.5px;margin-bottom:13px}.dashboard-preview aside>span{padding:5px;border-radius:4px}.dashboard-preview .selected{background:#dfd4f0}.dashboard-preview aside>i{font-style:normal;font-size:6px;line-height:1.7;margin-top:auto;color:#87828f}.dashboard-body{flex:1;padding:16px}.dash-top{font-size:7px;margin-bottom:23px;display:flex;justify-content:space-between}.dashboard-body>small{font-size:5px;letter-spacing:.07em;color:#888}.dashboard-body>h3{font-size:21px;font-weight:500;letter-spacing:-.8px;margin:4px 0 15px}.dash-stats{display:flex;gap:10px}.dash-stats>div{border:1px solid #e7e4eb;padding:9px;width:50%;border-radius:5px}.dash-stats small{font-size:5px;display:block;color:#888}.dash-stats b{font-size:24px;font-weight:500;display:flex;align-items:center;justify-content:space-between}.dash-stats i{font-size:10px;font-style:normal;color:#a7b77e}.dash-chart{margin-top:12px;padding:9px;background:#fff;border:1px solid #e7e4eb;border-radius:5px}.dash-chart>span{font-size:6px;display:flex;justify-content:space-between}.dash-chart small{font-size:4px;color:#888}.bars{height:65px;display:flex;align-items:flex-end;gap:8px;padding-top:8px;border-bottom:1px solid #ddd}.bars i{height:var(--h);flex:1;border-radius:3px 3px 0 0;background:#d9cfeb}.bars i:nth-child(6){background:#9d86c1}.chart-days{font-size:5px;word-spacing:10px;text-align:center;margin-top:5px}.dash-disclaimer{font-size:4px;letter-spacing:.15em;color:#999;display:block;margin-top:7px}.project-profile{background:#e5bba7;width:90%;margin-top:-5px}.profile-preview{background:#eeeae2;padding:22px;color:#2f342f;position:relative;overflow:hidden;min-height:270px;margin:10px 2% 32px;transform:rotate(-3deg);box-shadow:6px 15px 25px #6d483426;transition:transform .6s}.project:hover .profile-preview{transform:rotate(0)}.profile-nav{display:flex;justify-content:space-between;font-size:6px}.profile-preview h3{font-family:var(--display);font-size:35px;letter-spacing:-2px;font-weight:500;line-height:1.1;position:relative;z-index:2;margin-top:40px}.profile-preview h3 span{font-family:Georgia,serif;font-style:italic;font-weight:400}.profile-star{position:absolute;font-size:200px;line-height:1;color:#bdcc75;right:-30px;top:60px;transform:rotate(12deg);z-index:1}.profile-foot{position:absolute;bottom:20px;left:22px;right:22px;display:flex;justify-content:space-between;font-size:5px;line-height:1.5;z-index:2}.work-note{padding:65px 0 0 25px}.note-spark{font-size:57px;display:inline-block;animation:slowspin 24s linear infinite}.work-note p{font-family:var(--display);font-size:34px;line-height:1.35;letter-spacing:-1.4px;font-weight:500}.work-note em{font-family:Georgia,serif;font-weight:400}.work-note>span:last-child{font-size:9px;letter-spacing:.1em;color:var(--muted)}.playground-section{background:#e3dbed;padding:55px 5% 20px}.playground-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-end}.playground-heading h2{font-family:var(--display);font-size:clamp(34px,4.5vw,64px);font-weight:500;letter-spacing:-.06em;line-height:1.1;margin:24px 0 17px}.playground-heading p{font-size:12px;color:#77707e;line-height:1.7}.play-controls{display:flex;gap:8px;padding-bottom:12px}.pill-button{padding:12px 17px;border:1px solid #aaa0b2;border-radius:30px;white-space:nowrap;background:transparent;font-size:11px;transition:background .2s}.pill-button span{margin-left:20px;font-size:16px}.pill-button:hover{background:#f4f2eb88}#reset-play{background:var(--ink);color:var(--paper);border-color:var(--ink)}.play-stage{height:490px;position:relative;margin-top:30px;border-top:1px solid #b7acbf88;overflow:hidden;touch-action:pan-y}.play-watermark{font-family:var(--display);font-size:clamp(90px,13vw,190px);font-weight:600;letter-spacing:-.07em;line-height:.9;color:#c8bdd2;position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);pointer-events:none;-webkit-user-select:none;user-select:none}.play-items{position:absolute;inset:0}.play-object{position:absolute;top:0;left:0;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;will-change:transform;background:none;padding:0;border-radius:16px}.play-object:active{cursor:grabbing}.play-object:focus-visible{outline:3px dashed #66517c}.play-object .toy-block{height:100%;width:100%;border-radius:24px;display:flex;align-items:center;justify-content:center;box-shadow:inset 5px 5px 8px #fff6,inset -7px -7px 9px #0002,7px 10px 13px #46305226;font-family:var(--display);font-weight:700}.toy-n{font-size:85px;background:#bd9fdb;letter-spacing:-9px}.toy-o{font-size:76px;background:#d3e68e}.toy-v{font-size:82px;background:#f0b79b}.toy-browser{background:#f7f4ed!important;border-radius:14px!important;flex-direction:column;border:3px solid #c7c4b9;overflow:hidden}.toy-browser .toy-toolbar{width:100%;height:18px;border-bottom:2px solid #d6d3c9;padding-left:10px;text-align:left;line-height:8px;letter-spacing:1px;font-size:17px;color:#b6a3ce}.toy-browser b{font-size:28px;letter-spacing:-1px;flex:1;display:grid;place-items:center}.toy-star{font-size:105px;background:#d7beed;color:#77608b;border-radius:50%!important}.toy-cursor{background:#333730!important;color:#d8ee9c;font-size:85px;border-radius:28px!important}.toy-code{font-size:36px;letter-spacing:-3px;background:#c2d5df}.play-hint,.play-coordinate{position:absolute;bottom:10px;font-size:8px;letter-spacing:.08em;line-height:1.6;pointer-events:none;z-index:3;color:#766c80}.play-hint{left:0}.play-hint span{font-size:18px;margin-right:8px}.play-coordinate{right:0;text-align:right}.approach{padding-top:70px}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:65px}.approach h2{position:relative}.approach-flower{display:block;font-family:serif;font-size:130px;font-weight:400;line-height:1.5;color:#b1c27f;transform:rotate(15deg);width:max-content}.principles article{display:flex;gap:28px;border-top:1px solid var(--line);padding:25px 0}.principles article>span{font-size:10px;color:var(--muted);padding-top:5px}.principles h3{font-family:var(--display);font-size:21px;letter-spacing:-.7px;font-weight:600;margin:0 0 12px}.principles p{font-size:12px;line-height:1.8;color:var(--muted);max-width:355px;margin:0}.footer{padding:45px 5% 22px;background:#252622;color:var(--paper);overflow:hidden}.footer .small-label{color:#b2b6a6}.status-dot{margin-right:8px;background:var(--lime)}.footer-heading{display:flex;justify-content:space-between;align-items:center;margin-top:55px}.footer-heading h2{font-family:var(--display);font-size:clamp(36px,4.5vw,66px);line-height:1.15;font-weight:500;letter-spacing:-.05em;margin:0}.footer-heading .serif-accent{color:var(--purple)}.footer-arrow{width:100px;height:100px;border:1px solid #717269;border-radius:50%;font-size:55px;display:grid;place-items:center;transition:background .3s,color .3s,transform .3s}.footer-arrow:hover{background:var(--purple);color:var(--ink);transform:rotate(45deg)}.footer-wordmark{font-family:var(--display);font-size:clamp(150px,30vw,500px);font-weight:750;letter-spacing:-.09em;line-height:1.1;margin-top:22px;position:relative;width:max-content}.footer-wordmark>span{font-family:Georgia,serif;position:absolute;right:-.7em;top:.2em;font-size:.32em;font-weight:400;color:var(--lime);letter-spacing:0}.footer-bottom{border-top:1px solid #53564b;padding-top:22px;display:flex;justify-content:space-between;font-size:10px;color:#b3b5aa;gap:15px}.footer-bottom a:hover{color:var(--purple)}dialog{background:var(--paper);color:var(--ink);border:0;border-radius:12px;padding:45px;max-width:820px;width:90%;max-height:90svh;overflow:auto;box-shadow:0 40px 100px #0004}dialog::backdrop{background:#1d211bbd;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.dialog-close{position:absolute;right:16px;top:16px;border:1px solid var(--line);border-radius:50%;width:32px;height:32px;background:none}.dialog-close:hover{background:var(--purple)}dialog h2{font-family:var(--display);font-size:44px;letter-spacing:-2px;font-weight:500;margin:25px 0 15px}dialog>p{font-size:14px;color:var(--muted);line-height:1.8;max-width:620px}#dialog-visual{padding:15px 50px;margin-top:25px;border-radius:6px;background:#e1e3d8}#dialog-visual>*{transform:none;margin:20px auto;max-width:470px;pointer-events:none}.dialog-bottom{display:flex;gap:30px;align-items:center;margin-top:25px}.dialog-bottom>span{font-size:10px;color:var(--muted);line-height:1.6}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.scene-fallback{height:100%;display:grid;place-items:center;transform:rotate(-8deg)}.fallback-screen{background:#d5c0ed;border:14px solid #e0ddd4;border-radius:15px;width:300px;height:200px;font-size:44px;line-height:1;letter-spacing:-2px;padding:20px;box-shadow:8px 14px #b9b6ad}.fallback-screen span{display:block;font-size:15px;margin-top:15px}@keyframes ticker{to{transform:translate(-40%)}}@keyframes corefloat{50%{transform:translateY(-15px) rotate(-8deg) rotateY(10deg)}}@keyframes bob{50%{transform:translateY(-20px)}}@keyframes slowspin{to{transform:rotate(360deg)}}@keyframes appear{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1600px){.hero{height:970px;max-height:1000px}.hero-scene{top:130px;height:480px}.hero h1{font-size:116px}.hero-copy{padding-top:400px}.hero-bottom{margin-top:50px}.section-pad,.studio{padding-left:8%;padding-right:8%}}@media(max-width:1000px){.header-location{display:none}.header{height:85px}.hero{height:820px;min-height:780px;padding-top:110px}.hero-scene{left:12%;width:76%;top:120px;height:385px}.hero-copy{padding-top:340px}.hero h1{font-size:7.2vw}.hero-sticker{right:5%;top:280px;width:90px;height:90px}.hero-sticker span{font-size:8px}.scene-note{left:5%;top:260px;font-size:10px}.hero-bottom{margin-top:50px}.hero-index{display:none}.studio-grid{gap:5%}.studio-orbit{height:330px}.orbit-ring{width:290px;height:290px}.orbit-core{width:150px;height:150px;font-size:125px}.service-tag{display:none}.service-detail{flex-direction:column;align-items:flex-start}.coffee-main h3{font-size:35px}.coffee-cup{right:20px;bottom:35px;transform:rotate(16deg) scale(.8)}.coffee-main{min-height:280px}.project{padding:16px}.dashboard-preview{margin:15px -5px 30px}.dashboard-body{padding:12px}.project-type{display:none}.profile-preview{padding:15px;min-height:245px}.profile-preview h3,.work-note p{font-size:29px}.playground-heading{align-items:flex-start;flex-direction:column;gap:15px}.play-controls{align-self:flex-end;margin-top:-5px}.play-stage{margin-top:12px}.approach-grid{gap:7%}.footer-wordmark{font-size:31vw}}@media(max-width:640px){html{scroll-padding-top:30px}.header{height:80px;padding:0 6%}.wordmark{font-size:39px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;background:transparent;border:1px solid var(--line);border-radius:50%;width:40px;height:40px;padding:11px}.menu-toggle span{height:1px;width:16px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.header nav{display:none;position:absolute;top:73px;left:6%;right:6%;border-radius:16px;background:#f4f2ebf5;padding:12px;box-shadow:0 10px 25px #0001}.header nav.open{display:flex;flex-direction:column}.header nav a{font-size:14px;padding:14px}.hero{min-height:760px;height:90svh;max-height:880px;padding:104px 6% 25px}.hero-eyebrow{font-size:8px;letter-spacing:.11em}.tiny-star{font-size:17px}.hero-scene{top:135px;left:-11%;width:122%;height:320px}.scene-note{display:none}.hero-sticker{right:6%;top:340px;width:76px;height:76px;transform:rotate(12deg)}.hero-sticker span{font-size:7px}.hero-sticker b{font-size:27px}.hero-copy{padding-top:320px;margin-top:auto}.hero h1{font-size:clamp(36px,7.8vw,51px);letter-spacing:-.065em;line-height:1.23}.hero h1 br{display:block}.underlined svg{height:12px;bottom:-7px}.hero-bottom{margin-top:35px;flex-direction:column;align-items:flex-start;gap:20px}.hero-bottom p{font-size:11px}.round-link{font-size:11px;align-self:flex-end;gap:12px;margin-top:-6px}.round-link>span{width:32px;height:32px;font-size:17px}.ticker{padding:17px 0}.ticker span{font-size:9px}.ticker>div{gap:24px}.section-pad{padding:42px 6% 60px}.section-top{align-items:flex-start}.eyebrow{font-size:8px;letter-spacing:.1em}.small-label{display:none}.studio{padding:35px 6% 50px}.studio-grid{grid-template-columns:1fr;margin-top:20px;gap:25px}.studio-orbit{height:280px}.orbit-ring{width:250px;height:250px}.orbit-core{width:135px;height:135px;font-size:110px;border-radius:39px}.orbit-core span{font-size:29px}.orbit-dot{right:10%}.orbit-label{font-size:7px;bottom:12px}.studio h2{font-size:40px;margin-bottom:23px}.studio p{font-size:12px}.section-heading{margin:35px 0 30px;align-items:flex-start;flex-direction:column;gap:18px}.section-heading h2,.approach h2{font-size:39px}.section-heading p{font-size:11px}.service-toggle{gap:13px;padding-block:22px}.service-name{font-size:27px}.service-number{font-size:9px;width:4%}.service-mini{transform:scale(.8) rotate(-10deg);margin:0 5px 0 0;flex-shrink:0}.mini-app,.mini-doc{margin-right:13px}.service-plus{font-size:24px;width:20px}.service-detail{padding-left:8%;padding-bottom:24px;gap:18px}.service-detail p{font-size:12px}.tags span{font-size:8px;padding:6px 8px}.work{padding-top:15px}.project-grid{grid-template-columns:1fr;gap:27px}.project{padding:17px}.project-dashboard{margin-top:0}.project-profile{width:100%;margin:0}.coffee-preview{margin:10px 5% 30px}.coffee-main{min-height:280px}.coffee-main h3{font-size:38px}.coffee-cup{right:22px;bottom:35px;transform:rotate(16deg) scale(.85)}.coffee-nav{padding:12px 16px}.project-bottom h3{font-size:21px}.project-bottom p{font-size:10px}.dashboard-preview{margin:10px 5% 30px;min-height:270px}.dashboard-body{padding:15px}.project-profile .profile-preview{min-height:260px;margin-inline:5%}.profile-preview h3{font-size:33px}.work-note{padding:15px 0 0;text-align:center}.note-spark{font-size:40px}.work-note p{font-size:28px;margin:15px 0}.work-note>span:last-child{font-size:8px}.playground-section{padding:35px 6% 15px}.playground-heading h2{font-size:36px;line-height:1.15;margin-top:20px}.playground-heading p{font-size:11px;max-width:300px}.play-controls{align-self:flex-start;gap:7px;margin:0}.pill-button{font-size:10px;padding:10px 14px}.play-stage{height:440px}.play-watermark{font-size:85px}.play-hint{font-size:6px;bottom:2px}.play-coordinate{display:none}.approach-grid{grid-template-columns:1fr;gap:30px;margin-top:35px}.approach h2{font-size:40px}.approach-flower{position:absolute;right:10px;top:12px;font-size:70px}.principles article{gap:20px;padding:22px 0}.principles h3{font-size:20px}.principles p{font-size:12px}.footer{padding:35px 6% 25px}.footer-heading{margin-top:35px;gap:15px}.footer-heading h2{font-size:31px}.footer-arrow{width:48px;height:48px;flex-shrink:0;font-size:28px}.footer-wordmark{font-size:32vw;margin:35px 0 15px}.footer-bottom{flex-wrap:wrap;font-size:8px;gap:16px}.footer-bottom>span:nth-child(2){order:3;width:100%;color:#85897b}.footer-bottom a{margin-left:auto}dialog{padding:38px 20px 24px;width:94%}dialog h2{font-size:32px}dialog>p{font-size:12px}#dialog-visual{padding:8px 12px}.dialog-bottom{flex-direction:column;align-items:flex-start;gap:15px}.dialog-bottom .pill-button{align-self:flex-end}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}:root{--purple:#c9a7f0;--lime:#cef484;--chapter-top:112px}html{scroll-padding-top:0}.header{position:fixed;top:0;height:86px;background:#f4f2ebed;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid #d7d5ce66;z-index:30}.header nav{background:#e8e4ec80}.header nav a[aria-current=location]{background:var(--purple);color:var(--ink)}.header nav a.nav-play{background:var(--lime);color:var(--ink)}.header nav a:hover{background:#d3b8ef}.hero{height:100svh;min-height:740px;max-height:none;padding-top:125px}.hero-scene{height:49svh;min-height:320px;max-height:540px;top:15svh;left:15%;width:70%}.hero-copy{padding-top:42svh;margin-top:auto;margin-bottom:0}.hero h1{font-size:clamp(65px,8.6vw,140px);line-height:1.15;letter-spacing:-.07em;white-space:nowrap}.hero-definition{font-size:13px;letter-spacing:.08em;text-align:center;margin:22px 0 0;color:#686962}.hero-bottom{margin-top:35px}.hero-sticker{top:36%;background:var(--lime);box-shadow:3px 5px #b7d874}.scene-note{top:32%}.fallback-screen{font-size:24px;line-height:1.3}.studio,.menu-section,.playground-section,.footer{min-height:100svh;padding-top:var(--chapter-top);padding-bottom:40px;display:flex;flex-direction:column;box-sizing:border-box}.studio{background:#22231f}.studio-grid{flex:1;margin-top:35px;margin-bottom:36px;gap:7%}.studio h2{font-size:clamp(40px,4.1vw,67px);margin:18px 0 24px}.about-kicker{font-size:10px;letter-spacing:.15em;color:var(--lime)}.about-definition{font-family:var(--display);font-size:clamp(19px,1.8vw,28px);font-weight:500;letter-spacing:-.025em;line-height:1.4;margin:0 0 22px;color:var(--purple)}.about-definition>span{color:var(--lime)}.studio p{max-width:530px;font-size:13px;line-height:1.9}.studio .text-link{color:var(--lime)}.studio-orbit{height:440px}.orbit-core{width:220px;height:220px;font-size:185px;background:linear-gradient(130deg,#e5cfff,#b386e4 55%,#79539c);border-radius:65px}.orbit-ring{border-color:#b6cd8266;width:420px;height:420px}.ring-two{width:380px;height:380px;border-color:#c3a1e877}.orbit-dot{width:55px;height:55px;background:radial-gradient(circle at 30% 25%,#efffc6,#c5f174 60%,#7b9a37);right:9%}.orbit-label{color:#b4c98d}.about-values{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #5e635144;padding-top:23px;font-size:11px}.about-values i{font-size:9px;font-style:normal;color:var(--lime);margin-right:12px}.about-values>b{font-size:9px;letter-spacing:.1em;font-weight:400;color:var(--purple)}.menu-section{background:var(--paper);padding-inline:5%;padding-bottom:55px}.menu-heading{margin:25px 0 30px}.menu-heading h2{font-size:90px;letter-spacing:-.07em;display:flex;align-items:center;gap:25px}.menu-spark{font-family:Georgia,serif;font-size:55px;font-weight:400;color:#9c74c5;animation:slowspin 30s linear infinite}.menu-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:5%;align-items:start;flex:1}.menu-selection{padding-top:5px}.menu-section .service-list{border-top:1px solid var(--line)}.menu-section .service-toggle{border-bottom:1px solid var(--line);gap:18px;min-height:120px;padding:25px 13px;border-radius:3px;transition:background .25s}.menu-section .service-toggle[aria-selected=true]{background:#d7bff188}.menu-section .service-toggle:hover{background:#d8f2a355}.menu-section .service-toggle[aria-selected=true]:hover{background:#d7bff1bb}.menu-section .service-number{font-size:10px;flex-shrink:0}.menu-section .service-name{font-size:clamp(25px,2.6vw,39px);display:block;white-space:nowrap;letter-spacing:-.05em}.menu-section .service-tag{display:block;font-size:8px;margin-top:9px;letter-spacing:.07em}.menu-section .service-mini{margin:0;width:49px;height:42px;flex-shrink:0;transform:rotate(-9deg)}.menu-section .mini-browser b{font-size:22px;left:13px;top:5px}.menu-section .mini-app{width:33px;height:49px;margin-right:8px;padding:10px 5px;gap:3px}.menu-section .mini-doc{width:35px;height:47px;margin-right:8px;padding:3px 7px;background:var(--lime);box-shadow:4px 4px #a1b96f}.menu-section .mini-doc b{font-size:17px}.menu-section .service-plus{width:22px;font-size:23px}.menu-section .service-toggle[aria-selected=true] .service-plus{transform:rotate(45deg)}.menu-footnote{font-size:14px;line-height:1.7;margin:30px 12px;color:#5f6258}.menu-footnote>span{display:inline-grid;place-items:center;background:var(--lime);width:29px;height:29px;border-radius:50%;margin-right:7px}.menu-footnote small{display:block;font-size:10px;line-height:1.7;color:var(--muted);margin:15px 0 0 40px}.menu-panels{min-width:0}.menu-panel{animation:menu-in .4s ease}.preview-stage{padding:19px 22px 14px;border-radius:8px;background:#cce78d;overflow:hidden}.preview-stage-app{background:#c8b0e7}.preview-stage-cv{background:#cbdcad}.preview-label{display:flex;justify-content:space-between;gap:10px;font-size:7px;letter-spacing:.09em;margin-bottom:18px;opacity:.8}.concept-preview{width:100%;container-type:inline-size;border-radius:5px;overflow:hidden;box-shadow:0 14px 30px #35382a26;background:#fff}.concept-browser{height:24px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#f8f7f2;border-bottom:1px solid #deddd5;font-size:6px;color:#8b8b83;letter-spacing:.04em}.concept-browser>span:first-child{font-size:6px;color:#bab8ae;letter-spacing:1px}.preview-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:17px;font-size:9px}.preview-expand{background:transparent;font-size:9px;padding:5px 0;border-bottom:1px solid #2b332c66}.preview-expand:hover{border-bottom-color:#2b332c}.menu-description{padding:20px 0 0}.menu-description h3{font-family:var(--display);font-size:18px;letter-spacing:-.5px;font-weight:600;margin:0 0 9px}.menu-description p{font-size:12px;line-height:1.8;color:var(--muted);margin:0;max-width:570px}.menu-description .tags{margin-top:15px}.menu-description .tags span{font-size:9px}.forma-preview{background:#f1eee5;color:#30352a}.forma-nav{padding:18px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cfd2c2}.forma-nav>b{font-family:Georgia,serif;font-size:32px;font-weight:400;letter-spacing:-2px}.forma-nav>b span{font-family:Arial,sans-serif;font-size:8px;vertical-align:top;letter-spacing:0;display:inline-block;margin-top:7px}.forma-nav>span{font-size:7px}.forma-nav>i{font-size:7px;font-style:normal;padding:7px 10px;background:#333a2b;color:#f1eee5;border-radius:20px}.forma-main{display:grid;grid-template-columns:1.05fr 1fr;min-height:270px}.forma-copy{padding:27px 0 25px 24px;position:relative;z-index:2}.forma-copy>span:first-child{font-size:5px;letter-spacing:.13em}.forma-copy h3{font-family:Georgia,serif;font-weight:400;font-size:clamp(28px,6.8cqw,52px);line-height:.98;letter-spacing:-.055em;margin:24px 0 16px;white-space:nowrap}.forma-copy em{font-weight:400}.forma-copy p{font-size:8px;line-height:1.7;color:#7b7e71;margin:0 0 23px}.forma-cta{font-size:7px;display:inline-flex;align-items:center;gap:25px}.forma-cta b{width:22px;height:22px;border:1px solid #a7ad98;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:400}.architecture{position:relative;overflow:hidden;margin:15px 15px 15px 0;background:linear-gradient(145deg,#e2dfd0,#f0ecdf 55%,#c8c6b5);min-height:240px;isolation:isolate}.arch-building{position:absolute;width:62%;height:76%;bottom:12%;left:20%;border-radius:45% 45% 0 0;background:linear-gradient(90deg,#9b9b7c,#cac9a8 16%,#e5e0c3 60%,#c9c4aa);box-shadow:16px 13px #888b7655,25px 25px 25px #716f4930;z-index:2}.arch-opening{position:absolute;width:52%;height:73%;bottom:0;left:24%;border-radius:80px 80px 0 0;background:linear-gradient(120deg,#555c43,#858b69 35%,#b0b698);box-shadow:inset 10px 3px 10px #343b2755}.arch-sun{width:100px;height:100px;position:absolute;left:-25px;top:-30px;background:#d9ed9a;border-radius:50%;filter:blur(2px);opacity:.8}.arch-step{position:absolute;height:11%;background:linear-gradient(165deg,#dedac0 45%,#aaa98e 46%);z-index:3;bottom:6%;left:10%;width:82%;transform:skewY(-3deg)}.step-two{bottom:0;left:0;width:100%;height:8%;background:linear-gradient(165deg,#e9e4cd 48%,#aaa98e 49%)}.arch-sphere{position:absolute;bottom:14%;left:4%;width:55px;height:55px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#f3e9ce,#bdb089 60%,#78745b);box-shadow:10px 13px 14px #4c4b4340;z-index:4}.architecture>span{position:absolute;top:10px;right:8px;font-size:4px;letter-spacing:.17em;writing-mode:vertical-rl}.forma-bottom{padding:13px 22px;display:flex;justify-content:space-between;border-top:1px solid #d5d5c8;font-size:5px;letter-spacing:.06em}.forma-bottom>b{font-weight:400}.orbit-preview{background:#f6f6f9;color:#383545}.orbit-app{display:flex;min-height:350px}.orbit-sidebar{width:23%;background:#eeedf2;display:flex;flex-direction:column;padding:20px 12px;gap:13px;font-size:7px;border-right:1px solid #e3e1eb}.orbit-sidebar>b{font-size:22px;font-weight:600;letter-spacing:-1px;margin-bottom:13px}.orbit-sidebar>small{font-size:5px;letter-spacing:.1em;color:#918b9e}.orbit-sidebar>span{padding:6px 7px}.orbit-sidebar .chosen{background:#d3c1ed;border-radius:4px}.sidebar-card{margin-top:auto;padding:10px 8px;background:#e0d5ef;border-radius:6px;font-size:7px;line-height:1.6;position:relative;overflow:hidden}.sidebar-card i{position:absolute;right:-3px;bottom:-13px;font-size:40px;color:#a18abb;font-style:normal;opacity:.6}.orbit-sidebar .sidebar-person{display:flex;align-items:center;gap:6px;font-size:9px;padding:8px 0 0}.sidebar-person>span{font-size:6px;color:#87808f}.orbit-content{width:77%;padding:17px 18px;min-width:0}.orbit-toolbar{display:flex;justify-content:space-between;font-size:6px;color:#918b9b}.orbit-greeting{display:flex;align-items:center;justify-content:space-between;gap:5px;margin:26px 0 18px}.orbit-greeting small{font-size:5px;letter-spacing:.08em;color:#97909f}.orbit-greeting h3{font-size:clamp(12px,3.2cqw,23px);letter-spacing:-.05em;margin:6px 0 0;font-weight:500}.orbit-greeting>span{font-size:5px;padding:7px 9px;background:#34313e;color:#eeeaf4;border-radius:4px;white-space:nowrap}.orbit-stats{display:flex;gap:8px}.orbit-stats>div{border:1px solid #e5e1eb;background:#fff;padding:11px 10px;flex:1;border-radius:6px}.orbit-stats small{font-size:6px;color:#8b8495}.orbit-stats b{display:flex;align-items:center;gap:7px;font-size:25px;font-weight:500;margin-top:8px}.orbit-stats i{font-size:4px;font-weight:400;color:#6c8155;background:#edf4e0;padding:3px;font-style:normal}.orbit-lower{display:grid;grid-template-columns:1.5fr 1fr;gap:10px;margin-top:12px}.orbit-chart{background:#fff;padding:13px 10px 10px;border:1px solid #e5e1eb;border-radius:6px}.orbit-chart>div:first-child{font-size:6px;display:flex;justify-content:space-between;gap:7px}.orbit-chart>div:first-child b{font-weight:500}.orbit-chart>div:first-child span{font-size:4px;color:#999}.orbit-bars{height:100px;display:flex;gap:9px;align-items:flex-end;border-bottom:1px solid #eee;padding-top:17px;background:repeating-linear-gradient(0deg,transparent 0,transparent 24px,#f1eff5 25px)}.orbit-bars i{height:var(--h);flex:1;background:#c6b0e3;border-radius:3px 3px 0 0}.orbit-bars i:nth-child(6){background:#a3c763}.orbit-days{display:flex;justify-content:space-around;font-size:5px;color:#aaa;margin-top:6px}.orbit-task{background:#ded3ed;border-radius:6px;padding:13px 10px}.orbit-task>small{font-size:4px;letter-spacing:.08em}.orbit-task h4{font-size:13px;font-weight:500;letter-spacing:-.3px;margin:12px 0 15px}.task-check{display:flex;gap:5px;font-size:8px;margin-bottom:8px}.task-check>span{font-size:5px}.orbit-demo-label{font-size:4px;letter-spacing:.1em;color:#97909f;display:block;margin-top:14px}.personal-preview{background:#282431;color:#ece7f3}.personal-preview .concept-browser{background:#35303e;color:#b3a9c2;border-color:#51475e}.personal-nav{padding:20px 24px;display:flex;align-items:center;justify-content:space-between}.personal-nav>b{font-size:17px;font-weight:500;letter-spacing:-.7px}.personal-nav>b span{font-size:7px;vertical-align:super;margin-left:3px}.personal-nav>span{font-size:6px;color:#c0b9cc}.personal-main{display:grid;grid-template-columns:1.3fr 1fr;padding:14px 24px 25px;min-height:280px;overflow:hidden}.personal-available{display:flex;align-items:center;gap:4px;font-size:4px;letter-spacing:.1em;color:#c9d8aa}.personal-available i{width:4px;height:4px;border-radius:50%;background:var(--lime)}.personal-copy{position:relative;z-index:2}.personal-copy h3{font-family:var(--display);font-size:clamp(26px,5.9cqw,43px);font-weight:500;letter-spacing:-.06em;line-height:1.08;margin:23px 0 17px;white-space:nowrap}.personal-copy h3 em{font-family:Georgia,serif;font-weight:400;color:#d7c1f0}.personal-copy p{font-size:7px;line-height:1.7;color:#aaa0b8;margin:0 0 18px}.personal-link{font-size:7px;color:var(--lime)}.personal-art{position:relative;min-height:220px;perspective:500px}.personal-art-ring{width:145px;height:180px;position:absolute;left:25%;top:32px;border:30px solid #b699dc;border-radius:50%;transform:rotateY(-25deg) rotate(-30deg);box-shadow:inset 5px 6px 8px #e2c9ff,8px 7px #7f5da2,15px 15px 30px #0006}.personal-art-spark{position:absolute;left:15%;top:102px;font-size:110px;color:var(--lime);line-height:1;transform:rotate(-10deg);text-shadow:4px 5px 0 #95ae5e;z-index:2}.personal-art-pill{position:absolute;right:-5%;bottom:11px;white-space:nowrap;border:1px solid #a5bb7b;padding:8px 12px;color:#d7ecb7;font-size:5px;border-radius:50%;transform:rotate(-15deg)}.personal-bottom{padding:15px 24px;border-top:1px solid #53475d;display:flex;justify-content:space-between;align-items:center;font-size:5px;letter-spacing:.04em}.personal-bottom>div{display:flex;gap:5px}.personal-bottom>div>span{padding:5px 8px;border:1px solid #574c63;border-radius:15px}.personal-bottom>b{font-size:14px;font-weight:400;color:var(--lime)}.playground-section{background:#c9aceb;padding-top:var(--chapter-top)}.play-stage{flex:1;min-height:440px;height:calc(100svh - 320px);border-color:#8f6fad66}.play-watermark{color:#b798d7}.play-controls #shuffle-play{background:var(--lime);border-color:#aacb76}.play-hint,.play-coordinate{color:#5b476d}.toy-n{background:#ab7edb}.toy-o{background:#cff583}.toy-v{background:#bc9be2}.toy-code{background:#d4edac}.playground-heading p{color:#5f4b72}.footer{background:#252622;justify-content:space-between}.footer-wordmark{color:var(--purple);font-size:clamp(150px,30vw,440px);margin-top:15px;line-height:1}.footer-heading{margin-top:35px}.footer-heading h2{font-size:clamp(45px,6.5vw,105px)}.footer-arrow{background:var(--lime);color:var(--ink);border:0}.footer .footer-bottom{margin-top:25px}.footer .footer-bottom>span:nth-child(2){color:#c4b1d8}#dialog-visual{padding:20px;background:var(--purple)}#dialog-visual>.concept-preview{max-width:none;margin:0;transform:none}dialog{max-width:920px}dialog .orbit-app{min-height:350px}.dialog-bottom>span{max-width:380px}@keyframes menu-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1600px){.studio-grid{max-width:1450px;width:100%;margin-inline:auto}.menu-section{padding-inline:8%}.hero h1{font-size:145px}.hero-scene{max-height:560px}.studio-orbit{height:480px}.orbit-core{width:250px;height:250px;font-size:210px}.orbit-ring{width:460px;height:460px}.ring-two{width:410px;height:410px}}@media(max-width:1100px){.menu-layout{grid-template-columns:.8fr 1.2fr;gap:3%}.menu-section .service-toggle{gap:12px;min-height:105px;padding-inline:7px}.menu-section .service-name{font-size:26px}.menu-section .service-mini{display:none}.preview-stage{padding:16px}.studio-orbit{height:350px}.orbit-core{width:180px;height:180px;font-size:150px;border-radius:50px}.orbit-ring{width:330px;height:330px}.ring-two{width:300px;height:300px}.about-values{font-size:9px}.about-values>b{display:none}.forma-main{min-height:245px}.architecture{min-height:220px}.forma-nav{padding:15px}.forma-copy{padding-left:18px}.orbit-content{padding:15px 10px}.orbit-stats>div{padding:9px 6px}.orbit-stats b{font-size:22px}.orbit-stats i{display:none}.personal-art-ring{width:110px;height:145px;border-width:24px}.personal-art-spark{font-size:85px}.personal-main{min-height:280px}.menu-heading{margin-top:25px}.footer{min-height:100svh}.hero{min-height:720px}.hero h1{font-size:8.7vw}.hero-scene{left:10%;width:80%}.hero-definition{font-size:11px}}@media(max-width:760px){:root{--chapter-top:105px}.header{height:76px}.header nav a{padding:10px 13px}.studio-grid{grid-template-columns:1fr;gap:20px;margin-top:15px;margin-bottom:35px}.studio-orbit{height:270px}.orbit-core{width:150px;height:150px;font-size:125px}.orbit-ring{width:270px;height:270px}.ring-two{width:250px;height:250px}.orbit-dot{width:38px;height:38px;right:20%}.orbit-label{font-size:7px;bottom:0}.studio h2{font-size:43px}.about-definition{font-size:23px}.studio p{max-width:100%}.about-values{flex-wrap:wrap;gap:16px}.menu-layout{grid-template-columns:1fr;gap:25px}.menu-heading h2{font-size:76px}.menu-heading p{font-size:11px}.menu-selection{padding-top:0}.menu-section .service-list{display:flex;border-top:0;gap:6px}.menu-section .service-toggle{min-height:88px;padding:12px 10px;flex:1;display:block;border:1px solid var(--line);border-radius:7px;position:relative;text-align:left;width:auto;min-width:0}.menu-section .service-toggle[aria-selected=true]{border-color:#af8ad1;background:var(--purple)}.menu-section .service-number{display:block;margin-bottom:11px;font-size:8px}.menu-section .service-name{font-size:clamp(15px,3.2vw,25px);white-space:normal;letter-spacing:-.04em;line-height:1.1}.menu-section .service-tag{display:none}.menu-section .service-plus{font-size:15px;position:absolute;top:9px;right:8px}.menu-footnote{margin:15px 0 0;font-size:11px}.menu-footnote small{font-size:9px;margin:10px 0 0;line-height:1.5}.menu-footnote small br{display:none}.menu-footnote>span{width:22px;height:22px}.preview-stage{padding:17px}.menu-description h3{font-size:19px}.menu-description p{font-size:12px}.menu-section{padding-bottom:45px}.menu-heading{flex-direction:row;align-items:flex-end;gap:20px}.menu-heading p{max-width:200px}.menu-spark{font-size:40px}.playground-section{padding-top:var(--chapter-top)}.play-stage{min-height:460px;flex:1}.footer{padding-top:var(--chapter-top);min-height:100svh}.footer-wordmark{font-size:31vw}.footer-heading h2{font-size:48px;max-width:300px}.footer-heading{margin-top:auto;margin-bottom:auto}.footer .footer-wordmark{margin-top:40px;margin-bottom:40px}.footer-bottom{font-size:9px}.hero{min-height:740px;height:100svh;max-height:none;padding-top:108px}.hero-copy{padding-top:42svh}.hero h1{font-size:9vw}.hero-scene{height:43svh;min-height:280px;top:16svh}.hero-definition{font-size:10px;letter-spacing:.03em}.hero-bottom{margin-top:45px}.hero-sticker{top:40%}}@media(max-width:640px){.header{padding:0 5%}.header nav{top:65px}.header nav a{font-size:14px;padding:14px}.header .wordmark{font-size:37px}.hero-scene{left:-12%;width:124%;top:135px;height:340px}.hero h1{font-size:clamp(36px,9vw,57px);white-space:normal;line-height:1.3}.hero-copy{padding-top:320px;max-width:100%}.hero-definition{max-width:265px;margin:17px auto 0;line-height:1.7}.hero-bottom{margin-top:33px;gap:25px}.hero-sticker{top:345px}.studio{padding-inline:6%;padding-bottom:35px}.studio-grid{margin-top:8px}.studio h2{font-size:38px}.about-kicker{font-size:8px}.about-definition{font-size:21px}.studio p{font-size:12px}.about-values{font-size:8px;gap:12px}.about-values i{font-size:7px;margin-right:6px}.orbit-label{left:0}.orbit-dot{right:10%}.menu-section{padding-inline:6%}.menu-heading{margin:20px 0 25px;flex-direction:column;align-items:flex-start;gap:12px}.menu-heading h2{font-size:70px;gap:20px}.menu-heading p{max-width:none;line-height:1.6;margin:0}.menu-section .service-toggle{padding:10px 8px;min-height:84px}.menu-section .service-name{font-size:17px}.menu-section .service-number{font-size:8px;margin-bottom:10px}.menu-section .service-plus{font-size:13px;right:5px}.preview-stage{padding:12px 10px}.preview-label{font-size:5px;margin-bottom:12px;letter-spacing:.04em}.preview-caption{font-size:7px;padding-top:12px;gap:7px}.preview-expand{font-size:8px;white-space:nowrap}.concept-browser{height:20px;font-size:4px;padding:0 8px}.forma-nav{padding:12px 14px}.forma-nav>b{font-size:24px}.forma-nav>b span{font-size:5px;margin-top:5px}.forma-nav>span{font-size:4px}.forma-nav>i{font-size:5px;padding:5px 7px}.forma-main{min-height:220px}.forma-copy{padding:20px 0 20px 14px}.forma-copy>span:first-child{font-size:4px;letter-spacing:.04em}.forma-copy h3{font-size:7.2cqw;margin:22px 0 15px}.forma-copy p{font-size:6px;margin-bottom:18px}.forma-cta{font-size:5px;gap:10px}.forma-cta b{width:16px;height:16px;font-size:9px}.architecture{min-height:190px;margin:10px 9px 10px 0}.arch-sphere{width:32px;height:32px}.forma-bottom{padding:10px 14px;font-size:4px}.orbit-app{min-height:270px}.orbit-sidebar{width:23%;padding:12px 7px;gap:9px;font-size:5px}.orbit-sidebar>b{font-size:16px;margin-bottom:7px}.orbit-sidebar>small{font-size:4px}.orbit-sidebar>span{padding:5px 3px}.sidebar-card{padding:8px 5px;font-size:5px}.sidebar-card i{font-size:30px}.orbit-sidebar .sidebar-person{font-size:6px;gap:3px}.sidebar-person>span{font-size:4px}.orbit-content{padding:12px 8px}.orbit-toolbar{font-size:4px}.orbit-greeting{margin:19px 0 13px}.orbit-greeting small{font-size:3px}.orbit-greeting h3{font-size:3.6cqw}.orbit-greeting>span{font-size:4px;padding:5px}.orbit-stats{gap:5px}.orbit-stats>div{padding:7px 5px}.orbit-stats small{font-size:4px}.orbit-stats b{font-size:19px;margin-top:4px}.orbit-lower{gap:5px;margin-top:9px;grid-template-columns:1.25fr 1fr}.orbit-chart{padding:8px 6px}.orbit-chart>div:first-child{font-size:4px}.orbit-chart>div:first-child span{display:none}.orbit-bars{height:75px;gap:5px}.orbit-days{font-size:4px}.orbit-task{padding:8px 6px}.orbit-task>small{font-size:3px}.orbit-task h4{font-size:10px;margin:10px 0}.task-check{font-size:6px;gap:3px;margin-bottom:6px}.task-check>span{font-size:4px}.orbit-demo-label{font-size:3px;margin-top:8px}.personal-nav{padding:15px}.personal-nav>b{font-size:13px}.personal-nav>span{font-size:5px}.personal-main{padding:10px 15px 20px;min-height:235px}.personal-available{font-size:3px;gap:3px}.personal-copy h3{font-size:6.6cqw;margin:24px 0 16px}.personal-copy p,.personal-link{font-size:5px}.personal-art{min-height:180px}.personal-art-ring{width:80px;height:115px;border-width:18px;top:35px;left:15%}.personal-art-spark{font-size:66px;left:0;top:105px}.personal-art-pill{font-size:3px;bottom:0;padding:6px}.personal-bottom{padding:12px 15px;font-size:4px}.personal-bottom>div{gap:3px}.personal-bottom>div>span{padding:4px 5px}.menu-description h3{font-size:17px}.menu-description p{font-size:11px}.menu-description .tags span{font-size:8px}.playground-heading h2{font-size:36px}.play-stage{height:440px;min-height:440px}.footer-heading{gap:10px}.footer-heading h2{font-size:42px;max-width:260px}.footer .footer-wordmark{font-size:32vw}.footer-bottom>span:nth-child(2){font-size:9px}#dialog-visual{padding:10px}dialog .orbit-app{min-height:270px}}@media(prefers-reduced-motion:reduce){.menu-panel,.menu-spark{animation:none}}@media(max-width:640px){.hero h1{font-size:clamp(44px,13vw,64px);line-height:1.2}.hero-copy{padding-top:290px}.hero-definition{margin-top:20px}}.wordmark small{display:block;font-family:var(--font);font-size:10px;font-weight:500;letter-spacing:.025em;line-height:1.4;margin-top:7px}.header nav{position:absolute;left:50%;transform:translate(-50%)}.hero-definition{position:absolute;top:138px;left:0;right:0;margin:0;text-align:center;font-family:var(--display);font-size:18px;font-weight:500;letter-spacing:-.025em;line-height:1.45;z-index:2;pointer-events:none;max-width:none}.definition-break{display:none}.hero h1{font-size:clamp(55px,6.9vw,116px);line-height:1.14;letter-spacing:-.075em;white-space:normal}.hero-copy{padding-top:39svh}.hero-sticker{width:66px;height:66px;box-shadow:2px 3px #bccf7e}.hero-sticker b{font-size:30px}.hero-bottom{justify-content:center}.round-link{gap:0}.fallback-screen{font-size:44px;line-height:1}@media(min-width:1600px){.hero-definition{top:150px;font-size:20px}}@media(max-width:1000px){.hero-definition{top:135px;font-size:16px}.hero-sticker{width:55px;height:55px}}@media(max-width:640px){.header nav{left:6%;right:6%;transform:none}.wordmark small{font-size:9px;margin-top:6px}.hero-definition{top:120px;font-size:15px;padding:0 18px;margin:0;max-width:none}.definition-break{display:block}.hero-scene{top:165px}.hero-sticker{top:360px;width:48px;height:48px}.hero-sticker b{font-size:25px}.hero-bottom{align-items:center}.round-link{align-self:center;margin-top:0}.hero h1{font-size:clamp(36px,7.8vw,51px);line-height:1.23;letter-spacing:-.065em}.hero-copy{padding-top:320px}}.coffee-laptop-stage{background:radial-gradient(ellipse at 65% 32%,#e9dffa,#d7c5ec 48%,#c6b0df);overflow:hidden;min-height:460px;display:flex;flex-direction:column;justify-content:space-between}.coffee-laptop{border:0;background:none;display:block;width:100%;padding:48px 0 24px;perspective:1000px;color:#fff;filter:drop-shadow(0 24px 16px #48305b30);transition:transform .35s}.laptop-display{display:block;position:relative;width:88%;margin:auto;background:linear-gradient(145deg,#434348,#121216 55%,#35353a);padding:14px 10px 22px;border-radius:17px 17px 5px 5px;box-shadow:inset 0 0 0 1px #86868a,0 0 0 1px #25252b}.laptop-camera{position:absolute;top:5px;left:50%;height:4px;width:4px;border-radius:50%;background:#4d5865;box-shadow:0 0 0 2px #161618}.laptop-viewport{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;background:#231811;border-radius:3px;pointer-events:auto}.laptop-viewport iframe{position:absolute;top:0;left:0;width:1280px;height:720px;border:0;transform-origin:0 0;pointer-events:auto}.laptop-wordmark{position:absolute;bottom:5px;left:0;right:0;text-align:center;font-size:9px;font-weight:600;letter-spacing:-.4px;color:#aaa}.laptop-base{display:block;width:100%;height:15px;background:linear-gradient(#d2d2d6,#8b8b94 50%,#3f3f46);border-radius:2px 2px 55% 55%/2px 2px 100% 100%;position:relative;box-shadow:0 5px 8px #30263d30}.laptop-base>span{position:absolute;left:43%;width:14%;height:5px;background:#686871;border-radius:0 0 8px 8px}@media(max-width:760px){.coffee-laptop-stage{min-height:0}.coffee-laptop{padding:32px 0}.laptop-display{border-radius:10px 10px 3px 3px;padding:10px 5px 16px}.laptop-camera{top:4px;width:3px;height:3px}.laptop-wordmark{font-size:7px;bottom:3px}.laptop-base{height:10px}.coffee-laptop-stage .preview-caption{gap:8px;align-items:flex-start}}@media(prefers-reduced-motion:reduce){.coffee-laptop{transition:none}}.coffee-laptop{padding-top:30px;padding-bottom:20px}.laptop-viewport{aspect-ratio:16/9}html{scrollbar-gutter:stable}.phone-stage{background:radial-gradient(ellipse at 50% 30%,#eee4fa,#d5c2e7 70%);padding:22px;overflow:hidden}.phone-scene{position:relative;display:flex;align-items:center;justify-content:center;padding:22px 0 26px;isolation:isolate}.phone-orbit{position:absolute;width:400px;height:400px;border:1px solid #b999d0;border-radius:50%;z-index:-1;transform:rotateX(50deg) rotate(-25deg);box-shadow:0 0 0 45px #c5a8dc1a,0 0 0 95px #c5a8dc0a}.novo-device{width:276px;background:linear-gradient(120deg,#3c3a40,#121114 40%,#343237);padding:24px 9px 20px;border-radius:39px;position:relative;box-shadow:inset 0 0 0 2px #78737f,0 18px 30px #44245235}.device-camera{position:absolute;top:8px;left:calc(50% - 3px);width:7px;height:7px;border-radius:50%;background:#25303c;box-shadow:0 0 0 2px #111}.app-viewport{width:100%;aspect-ratio:1/2;border-radius:23px;overflow:hidden;position:relative;background:#faf8f5}.app-viewport iframe{width:360px;height:720px;position:absolute;inset:0;border:0;transform-origin:0 0}.device-home{position:absolute;bottom:9px;left:35%;width:30%;height:4px;background:#9c969f;border-radius:10px}.phone-stage .preview-caption{gap:15px}.phone-stage .preview-caption>span:last-child{text-align:right}@media(max-width:760px){.phone-stage{padding:15px}.phone-scene{padding:20px 0}.novo-device{width:min(276px,100%)}.phone-orbit{width:300px;height:300px}.phone-stage .preview-caption{font-size:8px}}