/* Xincheng — an independent, buildless company website. */
img{height:auto}
.hero-image{-webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 93%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
:root{--paper:#f8f7f3;--ink:#252522;--muted:#75756e;--orange:#ef693c;--lavender:#e9e1f3;--line:#deddd5;--font:'DM Sans',Arial,sans-serif;--serif:'Instrument Serif',Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:default}svg{display:inline-block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}img{display:block;max-width:100%}button{border:0}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:5px}::selection{background:#f8c9b4}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.container{max-width:1240px;width:calc(100% - 112px);margin-inline:auto}.orange{color:var(--orange)}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.65px;line-height:1.5}.section{padding-block:96px}.skip-link{position:fixed;left:20px;top:-100px;z-index:100;background:var(--ink);color:#fff;padding:10px 20px;border-radius:8px}.skip-link:focus{top:20px}
.header{height:105px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line)}.wordmark{display:inline-flex;gap:10px;align-items:center;font-size:29px;letter-spacing:-1.3px;font-weight:750;line-height:1}.brand-mark{color:var(--orange);width:36px;height:36px}.brand-dot{color:var(--orange)}.nav{display:flex;align-items:center;gap:35px;margin-left:56px;font-size:12px;font-weight:500}.nav a,.back-top,.privacy-link{transition:color .2s}.nav a:hover,.back-top:hover,.privacy-link:hover{color:var(--orange)}.nav-cta{display:flex;align-items:center;gap:20px;border:1px solid #bcbcb3;border-radius:100px;padding:10px 18px;font-size:12px;font-weight:600;transition:background .2s,border .2s}.nav-cta svg{width:16px;height:16px}.nav-cta:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.menu-toggle{display:none;background:none;width:40px;height:40px}.menu-toggle span{height:2px;width:23px;display:block;margin:5px;background:var(--ink)}.mobile-nav{padding:18px 28px;border-bottom:1px solid var(--line);position:absolute;top:85px;left:0;right:0;background:var(--paper);z-index:10}.mobile-nav a{display:block;padding:10px 0}.mobile-nav[hidden]{display:none}
.hero{display:grid;grid-template-columns:1fr 1.08fr;position:relative;align-items:center;min-height:659px;padding-bottom:61px}.hero-copy{padding-top:8px;position:relative;z-index:1}.hero .eyebrow{display:flex;gap:9px;align-items:center;font-size:9px;letter-spacing:1.5px;margin-bottom:27px}.status-dot{height:6px;width:6px;background:var(--orange);border-radius:50%}.hero h1{font-size:clamp(62px,6.45vw,90px);font-weight:500;line-height:1.04;letter-spacing:-5.4px;white-space:nowrap}.fun{font-family:var(--serif);font-style:italic;font-weight:400;font-size:1.14em;position:relative;display:inline-block;padding-inline:3px 0;line-height:.9;letter-spacing:-3px}.fun svg{position:absolute;left:0;bottom:-20px;width:103%;height:18px;color:var(--orange);stroke-width:3;overflow:visible}.hero-description{font-size:15px;line-height:1.8;color:var(--muted);max-width:365px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:21px;padding:10px 11px 10px 25px;border-radius:100px;font-size:12px;font-weight:600;line-height:1.2;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-dark{background:var(--ink);color:var(--paper)}.button-dark:hover{background:#41413b}.button-icon{display:flex;justify-content:center;align-items:center;background:var(--orange);border-radius:50%;width:32px;height:32px;color:var(--ink)}.button-icon svg{height:17px;width:17px}.hero .button{margin-top:28px}.hero-note{font-size:10px;color:#82827a;display:flex;align-items:center;gap:7px;margin-top:22px}.hero-note svg{height:13px;width:13px}.hero-art{position:relative;align-self:center;min-width:0}.hero-image{width:103%;max-width:none;mix-blend-mode:multiply;margin-left:2%;margin-top:-2px}.orbit-label{position:absolute;bottom:65px;left:9%;display:flex;gap:10px;align-items:center;background:#fffdf7;box-shadow:0 6px 20px #29251a09;transform:rotate(-7deg);font-size:10px;padding:9px 15px;border-radius:7px}.tiny-star{font-size:24px;line-height:1;color:var(--orange)}.joy-stamp{position:absolute;top:64px;right:-1%;height:84px;width:84px;border-radius:50%;border:1px solid #383832;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;transform:rotate(13deg);background:var(--paper)}.joy-stamp span{font-size:7px;font-weight:600;letter-spacing:1.5px}.joy-stamp svg{height:27px;width:27px;stroke-width:1.3}.hero-bottom{position:absolute;left:0;right:0;bottom:30px;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.3px;color:#77776f}.hero-bottom a{display:flex;gap:16px;align-items:center;font-size:10px;letter-spacing:0}.hero-bottom a span{height:29px;width:29px;display:grid;place-items:center;border:1px solid #c7c7bc;border-radius:50%;font-size:15px}
.ticker{border-block:1px solid var(--line);overflow:hidden;background:#eeeee5}.ticker-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;max-width:1240px;margin:auto;padding:25px 0}.ticker span{font-size:20px;white-space:nowrap;font-weight:500;letter-spacing:-.4px}.ticker svg{height:20px;width:20px;color:var(--orange);flex-shrink:0}.ticker svg:nth-of-type(2){color:#9b8fb6}.ticker svg:nth-of-type(3){color:#799482}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:40px}.section-heading .eyebrow{margin-bottom:20px;color:#686861}.section-heading h2{font-size:48px;line-height:1.12;font-weight:500;letter-spacing:-2.1px}.section-heading>p{font-size:13px;color:var(--muted);line-height:1.8;padding-bottom:3px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.project-card{min-width:0}.project-visual{position:relative;width:100%;height:309px;border-radius:12px;overflow:hidden;display:block;text-align:left;padding:0;isolation:isolate}.visual-tag{display:inline-flex;gap:6px;align-items:center;position:absolute;top:18px;left:18px;z-index:3;background:#ffffffa6;backdrop-filter:blur(8px);padding:5px 9px;border:1px solid #ffffff55;border-radius:5px;font-size:8px;letter-spacing:1.1px;font-weight:600}.visual-tag svg{width:12px;height:12px}.visual-open{position:absolute;right:16px;bottom:16px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#ffffffd9;z-index:4;transition:transform .25s}.visual-open svg{height:15px;width:15px}.project-visual:hover .visual-open{transform:rotate(45deg)}.app-visual{background:#e7eadb}.mini-phone{display:flex;position:absolute;top:44px;left:calc(50% - 78px);width:155px;height:292px;border:5px solid #f5f4ed;border-radius:28px;background:#fcfbf6;transform:rotate(-9deg);box-shadow:13px 15px 24px #444b3422;flex-direction:column;padding:9px 13px;transition:transform .4s}.app-visual:hover .mini-phone{transform:rotate(-5deg) translateY(-7px)}.phone-notch{width:46px;height:12px;border-radius:20px;background:#252522;position:absolute;top:6px;left:50%;transform:translateX(-50%)}.phone-time{font-size:6px;font-weight:700;display:flex;justify-content:space-between;line-height:1;margin-top:1px;margin-bottom:25px}.phone-time>span{font-size:5px}.phone-greeting{font-size:20px;font-weight:500;line-height:1.05;letter-spacing:-.9px}.phone-greeting em{font-family:var(--serif);font-size:28px;font-weight:400}.phone-sun{width:84px;height:84px;border-radius:50%;background:#eb8b4b;margin:15px auto 11px;position:relative;box-shadow:0 0 0 10px #f5dfbf}.phone-sun:before,.phone-sun:after{content:'';width:5px;height:7px;background:#74351b;border-radius:50%;position:absolute;top:36px;left:28px}.phone-sun:after{left:51px}.phone-sun>span{position:absolute;left:37px;top:45px;width:9px;height:7px;border-bottom:2px solid #74351b;border-radius:50%}.phone-caption{font-size:5px;letter-spacing:1.1px;text-align:center;margin:4px 0 13px}.phone-focus{background:#e3e6d7;border-radius:8px;padding:10px 9px;font-size:7px;display:flex;justify-content:space-between;font-weight:600}.phone-tabbar{display:flex;justify-content:space-around;margin-top:13px;font-size:15px}.phone-tabbar>span{color:#cb713b}.app-spark{position:absolute;color:#768462;line-height:1}.spark-one{font-size:54px;left:26px;top:121px;transform:rotate(12deg)}.spark-two{font-size:28px;right:34px;top:87px}.floating-note{position:absolute;left:17px;bottom:30px;background:#fff9e9;box-shadow:0 5px 14px #2729200a;border-radius:5px;padding:9px 10px;font-size:9px;transform:rotate(6deg);z-index:2}.game-visual{background:#c8b5db}.game-visual img{height:100%;width:100%;object-fit:cover;object-position:40% center;transition:transform .6s}.game-visual:hover img{transform:scale(1.05)}.game-lettering{position:absolute;left:21px;top:73px;font-size:25px;color:#fffaf0;font-weight:500;line-height:1;letter-spacing:-1px;text-shadow:0 2px 12px #5c447a66}.game-lettering em{font-size:40px;font-family:var(--serif);font-weight:400}.lab-visual{background:#eee2ee}.lab-caption{position:absolute;top:70px;left:24px;font-size:11px;letter-spacing:2px;line-height:1}.lab-caption>span{position:absolute;font-size:104px;right:-170px;top:6px;color:#c4b4d2;font-family:var(--serif);transform:rotate(15deg)}.lab-block{position:absolute;display:block;transition:transform .5s}.lab-block-a{height:116px;width:116px;left:80px;top:142px;background:linear-gradient(125deg,#b2c5a9,#83a484);border-radius:17px 17px 3px 17px;transform:rotate(-15deg);box-shadow:10px 14px 20px #5c506120}.lab-block-b{height:99px;width:99px;left:127px;top:124px;background:linear-gradient(120deg,#b2a2ca,#d9c6ea);border-radius:50% 50% 3px 3px;transform:rotate(18deg);box-shadow:10px 9px 15px #5c506120}.lab-ball{position:absolute;height:103px;width:103px;left:calc(50% - 5px);top:124px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ffb980,#eb7d48 70%);box-shadow:10px 13px 18px #7d462c20;transform:rotate(15deg);transition:transform .5s}.lab-ball i{position:absolute;width:6px;height:9px;background:#693d28;border-radius:50%;top:40px;left:30px}.lab-ball i:nth-of-type(2){left:62px}.lab-ball b{width:15px;height:12px;border-bottom:3px solid #693d28;border-radius:50%;position:absolute;top:51px;left:43px}.lab-star{font-size:69px;position:absolute;top:96px;left:29px;color:#81739b;transform:rotate(10deg);line-height:1}.lab-small-ball{position:absolute;right:34px;top:221px;width:27px;height:27px;border-radius:50%;background:radial-gradient(circle at 25% 25%,#ffd69e,#e1ac65);box-shadow:4px 6px 12px #86603822}.lab-caption-bottom{font-size:9px;line-height:1.4;position:absolute;left:24px;bottom:23px;color:#706074}.lab-visual:hover .lab-ball{transform:rotate(-15deg) translateY(-8px)}.lab-visual:hover .lab-block-a{transform:rotate(-23deg)}.project-info{padding:22px 1px 0}.project-type{font-size:8px;letter-spacing:1.35px;color:#818179;font-weight:600}.project-info h3{font-weight:500;font-size:22px;letter-spacing:-.6px;margin-top:7px}.project-info p{font-size:12px;color:var(--muted);line-height:1.8;max-width:310px;margin-top:9px}.text-button{display:inline-flex;align-items:center;gap:20px;padding:0;margin-top:18px;background:none;font-size:11px;font-weight:600}.text-button svg{width:13px;height:13px;transition:transform .2s}.text-button:hover svg{transform:translate(3px,-3px)}.concept-note{display:flex;justify-content:center;align-items:center;gap:8px;font-size:9px;color:#8b8b82;margin-top:40px}.concept-note>span{width:4px;height:4px;background:#9c9c90;border-radius:50%}
.studio-section{padding:75px 0;background:#eeede6}.studio{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.studio-poster{height:425px;border:1px solid #d2c9df;border-radius:10px;background:#e7e0f0;position:relative;padding:37px 39px;overflow:hidden}.studio-poster>p{font-size:8px;letter-spacing:1.9px}.studio-poster h2{font-size:55px;letter-spacing:-2.5px;line-height:1.07;font-weight:500;margin-top:30px;position:relative;z-index:1}.studio-poster h2 em{font-family:var(--serif);font-size:68px;font-weight:400}.poster-flower{position:absolute;width:150px;height:150px;color:var(--orange);right:15px;bottom:34px;transform:rotate(-12deg)}.poster-note{position:absolute;bottom:35px;left:39px;font-size:8px;letter-spacing:.3px}.poster-corner{position:absolute;right:34px;top:38px;font-size:32px;color:#8a7c9d}.studio-copy .eyebrow{font-size:9px;color:#6b6b63;margin-bottom:23px}.studio-copy h2{font-size:36px;font-weight:500;letter-spacing:-1.35px;line-height:1.2;margin-bottom:24px}.studio-copy>p:not(.eyebrow){font-size:13px;color:#75756b;line-height:1.9;margin-top:15px;max-width:439px}.studio-signature{display:flex;align-items:center;gap:14px;margin-top:30px}.studio-signature svg{height:35px;width:35px;color:var(--orange);flex-shrink:0}.studio-signature span{font-size:11px;line-height:1.7;color:#77776b}.studio-signature strong{font-weight:500;color:var(--ink)}
.approach{padding-block:94px 102px}.principles{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);margin-top:43px;padding-block:29px 35px}.principles article{position:relative;padding:0 30px}.principles article:first-child{padding-left:0}.principles article:last-child{padding-right:0}.principles article+article{border-left:1px solid var(--line)}.principle-number{font-size:9px;color:#818179;letter-spacing:1px}.principles article>svg{position:absolute;top:0;right:30px;width:25px;height:25px;color:var(--orange)}.principles article:nth-child(2)>svg{color:#8c7ca2}.principles article:nth-child(3)>svg{color:#738c6c}.principles h3{font-size:19px;font-weight:500;letter-spacing:-.4px;margin-top:25px}.principles p{font-size:12px;line-height:1.8;color:var(--muted);max-width:300px;margin-top:10px}
.closing{border-radius:14px;background:#f07849;min-height:355px;padding:48px 54px;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;overflow:hidden}.closing .eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:20px}.closing h2{font-size:49px;font-weight:500;line-height:1.08;letter-spacing:-2.2px}.closing h2 em{font-family:var(--serif);font-weight:400;font-size:1.1em}.closing .button{margin-top:25px;font-size:10px;padding-left:20px}.closing .button-icon{background:#f8f7f3;width:28px;height:28px}.closing-doodle{width:245px;text-align:center;margin-right:20px;transform:rotate(11deg)}.closing-doodle svg{width:180px;height:180px;color:#f7d58a;filter:drop-shadow(0 2px 0 #1f272418)}.closing-doodle span{display:block;letter-spacing:2px;font-size:9px;line-height:1.6;margin-top:4px;font-weight:600}
.footer{padding-block:58px 26px}.footer-top{display:flex;gap:26px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:26px}.footer-top .wordmark{font-size:25px}.footer-top .brand-mark{width:29px;height:29px}.footer-top p{font-size:10px;color:#85857b;margin-left:7px}.back-top{margin-left:auto;font-size:10px}.footer-bottom{padding-top:21px;display:flex;justify-content:space-between;gap:22px;font-size:8px;color:#85857b}.footer-bottom>span{display:flex;align-items:center;gap:6px;margin-left:auto}.footer-bottom i{height:5px;width:5px;display:inline-block;border-radius:50%;background:#839479}.privacy-link{background:none;font-size:8px;padding:0;margin-left:15px}
.demo-dialog{border:1px solid #e4e1d8;border-radius:20px;padding:43px;width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 50px);overflow-y:auto;color:var(--ink);background:var(--paper);box-shadow:0 25px 100px #2223}.demo-dialog::backdrop{background:#29282b7a;backdrop-filter:blur(6px)}.dialog-close{position:absolute;right:15px;top:10px;font-size:27px;background:none;width:36px;height:36px;border-radius:50%;line-height:1}.dialog-close:hover{background:#e8e5dc}.demo-dialog .eyebrow{font-size:8px;color:#77766b;margin-bottom:15px}.demo-dialog h2{font-size:37px;letter-spacing:-1.6px;font-weight:500;line-height:1.15}.demo-dialog p{font-size:12px;color:#77766f;line-height:1.8;margin-top:15px}.demo-label{display:inline-block;font-size:8px;font-weight:600;letter-spacing:1.2px;border:1px solid #ddd8cb;padding:4px 9px;border-radius:100px;margin-bottom:15px}.duration-picker,.palette-picker{display:flex;gap:8px;margin-top:22px;flex-wrap:wrap}.duration-picker button,.palette-picker button{padding:6px 13px;background:transparent;border:1px solid #d8d7cc;border-radius:100px;font-size:11px}.duration-picker button[aria-pressed=true],.palette-picker button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.focus-clock{margin:25px auto 20px;width:195px;height:195px;border-radius:50%;background:#e8ecd9;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 0 0 11px #eef0e6}.clock-face{font-size:47px;font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:-2px}.clock-status{font-size:9px;letter-spacing:1px;color:#707a60}.demo-actions{display:flex;gap:12px;align-items:center;justify-content:center;margin-top:26px}.demo-actions button{background:var(--ink);color:#fff;padding:10px 22px;border-radius:50px;font-size:11px}.demo-actions .secondary-action{background:none;color:var(--ink);border:1px solid #cccabf}.demo-bottom-note{text-align:center;font-size:9px!important}.game-status{display:flex;justify-content:space-between;font-size:11px;margin-top:20px;margin-bottom:9px}.game-board{height:235px;border-radius:12px;background:linear-gradient(150deg,#e8e0f0,#d8e5ce);position:relative;overflow:hidden;border:1px solid #d2ccd9}.game-board:after{content:'';position:absolute;bottom:-75px;left:-20px;width:130%;height:140px;background:#c8d9b9;border-radius:50%;transform:rotate(-8deg)}.catch-star{position:absolute;left:30%;top:45%;padding:0;background:var(--orange);border-radius:50%;width:53px;height:53px;font-size:34px;line-height:1;z-index:1;box-shadow:0 5px 14px #8b53332a;transition:left .12s,top .12s,transform .2s}.catch-star:hover{transform:scale(1.08)}.catch-star:focus-visible{outline-color:#6e5d8d;outline-offset:3px}.game-won{position:absolute;inset:0;display:grid;place-content:center;text-align:center;z-index:2;background:#e7e7dceb;font-size:23px;line-height:1.4;letter-spacing:-.7px}.game-won span{font-size:45px}.palette-stage{position:relative;height:205px;background:var(--lab-bg,#e7e0f0);border-radius:12px;overflow:hidden;margin-top:20px;transition:background .3s}.palette-stage .shape-one{position:absolute;left:70px;top:60px;width:100px;height:100px;border-radius:18px;background:var(--lab-accent,#ee8151);transform:rotate(-13deg);box-shadow:8px 9px 12px #2221}.palette-stage .shape-two{position:absolute;left:163px;top:40px;width:110px;height:110px;border-radius:50%;background:var(--lab-second,#a0b798);box-shadow:8px 9px 12px #2221}.palette-stage .shape-three{position:absolute;font-size:100px;left:229px;top:65px;line-height:1;color:var(--lab-third,#f5d796);transform:rotate(15deg)}.palette-stage .shape-two:before,.palette-stage .shape-two:after{content:'';position:absolute;width:6px;height:10px;border-radius:50%;background:#2d3328;left:33px;top:44px}.palette-stage .shape-two:after{left:69px}.palette-code{font-size:11px!important;text-align:center;font-family:monospace}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:#fff;padding:11px 20px;border-radius:100px;z-index:20;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:calc(100% - 32px);text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}.privacy-text h3{font-size:15px;margin-top:23px;font-weight:600}
@media(min-width:1550px){.hero{min-height:700px}.hero h1{font-size:92px}.hero-image{width:108%;margin-left:0}.hero-art{margin-top:4px}}
@media(max-width:1150px){.container{width:calc(100% - 72px)}.hero{min-height:600px}.hero h1{font-size:74px;letter-spacing:-4px}.hero-description{max-width:330px;font-size:14px}.joy-stamp{top:30px;height:73px;width:73px}.orbit-label{bottom:35px;left:5%;font-size:9px}.nav{margin-left:0;gap:25px}.ticker-inner{padding-inline:36px;gap:27px}.ticker span{font-size:17px}.ticker svg:last-child{display:none}.section-heading h2{font-size:42px}.project-visual{height:280px}.studio{gap:60px}.studio-copy h2{font-size:30px}.studio-poster h2{font-size:48px}.poster-flower{width:127px;height:127px;right:5px}.lab-block-a{left:51px}.lab-block-b{left:92px}.lab-ball{left:calc(50% - 1px)}.lab-star{left:18px;font-size:59px}.lab-caption>span{right:-132px}.game-lettering{font-size:23px}.game-lettering em{font-size:35px}}
@media(max-width:900px){.nav{gap:19px;font-size:10px}.header{height:90px}.wordmark{font-size:26px}.brand-mark{height:32px;width:32px}.nav-cta{font-size:10px;gap:10px;padding:9px 13px}.hero{min-height:565px;grid-template-columns:1.05fr 1fr}.hero h1{font-size:60px;letter-spacing:-3.5px}.hero .eyebrow{font-size:8px;letter-spacing:1.1px}.hero-description{max-width:280px;font-size:13px}.hero .button{font-size:10px;padding-left:20px;gap:10px}.hero-note{font-size:8px}.hero-image{width:118%;margin-left:-8%}.orbit-label{bottom:15px;left:0;transform:rotate(-5deg);font-size:8px;padding:6px 9px}.joy-stamp{top:3px;right:-5%;height:61px;width:61px}.joy-stamp span{font-size:5px;letter-spacing:1px}.joy-stamp svg{height:21px;width:21px}.section{padding-block:70px}.section-heading h2{font-size:36px}.section-heading>p{font-size:11px}.project-grid{gap:18px}.project-visual{height:260px}.project-info h3{font-size:18px}.project-info p{font-size:11px}.visual-tag{left:12px;top:12px;font-size:7px}.floating-note{left:7px;font-size:7px;padding:6px 7px}.mini-phone{transform:rotate(-9deg) scale(.85);transform-origin:top center;top:42px}.app-visual:hover .mini-phone{transform:rotate(-5deg) scale(.85)}.spark-one{left:12px;font-size:39px;top:110px}.spark-two{right:17px;font-size:20px}.game-lettering{font-size:20px;left:14px;top:66px}.game-lettering em{font-size:29px}.lab-caption{left:15px;top:65px;font-size:9px}.lab-caption>span{font-size:83px;right:-102px}.lab-block-a{left:37px;top:132px;height:85px;width:85px}.lab-block-b{left:80px;top:112px;height:78px;width:78px}.lab-ball{height:82px;width:82px;top:123px;left:calc(50% - 2px)}.lab-ball i{left:25px;top:31px;width:5px;height:7px}.lab-ball i:nth-of-type(2){left:49px}.lab-ball b{left:33px;top:40px;width:12px;height:10px;border-bottom-width:2px}.lab-star{font-size:46px;left:14px;top:99px}.lab-small-ball{right:16px;top:219px;height:18px;width:18px}.lab-caption-bottom{left:16px;font-size:7px}.studio{gap:38px}.studio-poster{height:385px;padding:31px 28px}.studio-poster h2{font-size:42px;margin-top:34px}.studio-poster h2 em{font-size:55px}.poster-note{left:28px;font-size:7px;bottom:27px}.poster-flower{width:102px;height:102px;bottom:44px;right:4px}.studio-copy h2{font-size:26px}.studio-copy>p:not(.eyebrow){font-size:11px}.studio-copy .eyebrow{font-size:8px;margin-bottom:19px}.studio-signature{margin-top:22px;gap:10px}.studio-signature span{font-size:9px}.principles h3{font-size:16px}.principles p{font-size:11px}.principles article{padding-inline:23px}.principles article>svg{right:23px;height:22px;width:22px}.closing{padding:37px;min-height:320px}.closing h2{font-size:40px}.closing-doodle{width:180px;margin-right:0}.closing-doodle svg{width:143px;height:143px}}
@media(max-width:700px){.container{width:calc(100% - 44px)}.header{height:85px}.header .nav,.header .nav-cta{display:none}.menu-toggle{display:block}.hero{display:flex;flex-direction:column;min-height:0;padding-top:46px;padding-bottom:72px;align-items:stretch}.hero-copy{padding:0}.hero .eyebrow{font-size:8px;margin-bottom:24px}.hero h1{font-size:clamp(53px,11.2vw,75px);letter-spacing:-3.3px}.hero-description{font-size:13px;max-width:330px;margin-top:28px}.hero .button{font-size:11px;margin-top:22px}.hero-note{font-size:9px;margin-top:17px}.hero-art{width:100%;max-width:420px;margin:3px auto 0}.hero-image{width:100%;margin:0;max-width:100%}.joy-stamp{right:0;top:30px;width:70px;height:70px}.joy-stamp span{font-size:6px}.joy-stamp svg{width:24px;height:24px}.orbit-label{left:2%;bottom:33px;font-size:9px;padding:7px 10px}.hero-bottom{bottom:26px}.hero-bottom>span{font-size:7px;letter-spacing:1px}.hero-bottom a{font-size:0;gap:0}.hero-bottom a span{font-size:15px;width:27px;height:27px}.ticker-inner{width:max-content;gap:27px;padding:20px 22px;animation:ticker-drift 30s linear infinite alternate}.ticker span{font-size:18px}.ticker svg{height:18px;width:18px}.ticker svg:last-child{display:block}.section{padding-block:60px}.section-heading{display:block;margin-bottom:29px}.section-heading h2{font-size:39px;letter-spacing:-1.7px}.section-heading .eyebrow{font-size:8px;margin-bottom:17px}.section-heading>p{margin-top:20px;font-size:12px;line-height:1.8}.project-grid{grid-template-columns:1fr;gap:34px}.project-visual{height:335px}.project-info{padding-top:18px}.project-info h3{font-size:24px}.project-info p{font-size:13px;max-width:100%;margin-top:7px}.project-type{font-size:8px}.text-button{font-size:11px;margin-top:16px}.visual-tag{top:18px;left:18px;font-size:8px}.visual-tag svg{width:13px;height:13px}.mini-phone{transform:rotate(-9deg) scale(1.07);top:46px}.app-visual:hover .mini-phone{transform:rotate(-5deg) scale(1.07)}.spark-one{left:37px;font-size:57px;top:124px}.spark-two{right:43px;top:97px;font-size:31px}.floating-note{left:28px;bottom:35px;font-size:10px;padding:10px 12px}.game-lettering{left:24px;top:81px;font-size:28px}.game-lettering em{font-size:44px}.lab-caption{left:26px;top:76px;font-size:13px}.lab-caption>span{right:-172px;font-size:112px}.lab-block-a{left:calc(50% - 100px);top:159px;height:121px;width:121px}.lab-block-b{left:calc(50% - 44px);top:135px;height:105px;width:105px}.lab-ball{height:111px;width:111px;top:141px;left:calc(50% + 5px)}.lab-ball i{left:32px;top:42px;width:6px;height:9px}.lab-ball i:nth-of-type(2){left:69px}.lab-ball b{left:47px;top:56px;width:15px;height:12px;border-bottom-width:3px}.lab-star{font-size:70px;left:28px;top:119px}.lab-small-ball{right:35px;top:254px;height:27px;width:27px}.lab-caption-bottom{left:25px;font-size:9px;bottom:24px}.concept-note{font-size:8px;align-items:start;text-align:center;gap:6px;margin-top:32px}.concept-note>span{flex-shrink:0;margin-top:4px}.studio-section{padding-block:50px}.studio{grid-template-columns:1fr;gap:37px}.studio-poster{height:395px;padding:32px}.studio-poster h2{font-size:55px;margin-top:26px;letter-spacing:-2px}.studio-poster h2 em{font-size:67px}.poster-flower{height:135px;width:135px;right:14px;bottom:31px}.poster-note{left:32px;font-size:8px}.studio-copy h2{font-size:31px;letter-spacing:-1.3px;margin-bottom:19px}.studio-copy .eyebrow{font-size:8px}.studio-copy>p:not(.eyebrow){font-size:13px;max-width:100%}.studio-signature span{font-size:11px}.studio-signature{margin-top:26px}.principles{grid-template-columns:1fr;padding-block:0;border-bottom:0;margin-top:30px}.principles article,.principles article:first-child,.principles article:last-child{padding:22px 0 26px;border-bottom:1px solid var(--line)}.principles article+article{border-left:0}.principles article>svg{right:0;top:24px;height:27px;width:27px}.principles h3{font-size:21px;margin-top:13px}.principles p{font-size:13px;max-width:100%}.closing{min-height:460px;align-items:start;padding:30px 25px;display:block}.closing .eyebrow{font-size:7px}.closing h2{font-size:36px;letter-spacing:-1.7px}.closing .button{margin-top:23px;font-size:10px}.closing-doodle{position:absolute;right:25px;bottom:19px;width:115px;transform:rotate(12deg)}.closing-doodle svg{width:95px;height:95px}.closing-doodle span{font-size:6px;letter-spacing:1.2px}.footer{padding-top:39px}.footer-top{flex-wrap:wrap;gap:18px;padding-bottom:22px}.footer-top .wordmark{font-size:24px}.footer-top p{order:3;flex-basis:100%;margin:0;font-size:10px}.back-top{font-size:9px}.footer-bottom{flex-wrap:wrap;gap:13px;font-size:8px;padding-top:19px}.footer-bottom p{flex-basis:100%}.footer-bottom>span{margin-left:0}.privacy-link{margin-left:auto}.demo-dialog{padding:38px 24px 27px}.demo-dialog h2{font-size:33px}.palette-stage .shape-one{left:13%;width:88px;height:88px}.palette-stage .shape-two{left:42%;width:100px;height:100px}.palette-stage .shape-three{left:63%;font-size:95px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:700px){.hero h1{font-size:clamp(42px,13.2vw,75px)}}
@keyframes ticker-drift{to{transform:translateX(-340px)}}