@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700;900&display=swap";:root{color-scheme:light;--paper: #f4f1e9;--white: #fffdf8;--ink: #171923;--muted: #747582;--line: #d8d5cd;--blue: #5144f5;--blue-dark: #3429c9;--orange: #ff6846;--pink: #ffb5d4;--yellow: #f9d84a;--mono: "DM Mono", monospace;--sans: Manrope, "Noto Sans SC", sans-serif;--serif: Georgia, "Noto Serif SC", serif}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:var(--sans);scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;min-width:320px;background:var(--paper)}a{color:inherit;text-decoration:none}button{font:inherit}.site-shell{min-height:100vh;overflow:hidden;background:var(--paper)}.topbar{height:78px;padding:0 7vw;display:flex;align-items:center;gap:35px;border-bottom:1px solid #17192318;position:sticky;top:0;z-index:10;background:#f4f1e9ed;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0}.brand-mark{width:35px;height:35px;border-radius:11px;background:var(--blue);color:#fff;display:grid;place-items:center;position:relative;transform:rotate(-7deg)}.brand-mark i{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid #ffffff85;border-radius:8px}.brand-mark b{font-size:13px;position:relative;font-weight:700;transform:rotate(7deg)}.brand-name>b{display:block;font-size:14px;letter-spacing:.08em}.brand-name small{display:block;color:#81818d;font:7px var(--mono);letter-spacing:.14em;margin-top:4px}nav{margin-left:auto;display:flex;align-items:center;gap:31px}nav a{font-size:11px;color:#5e5f6b;transition:color .2s}nav a:hover{color:var(--blue)}.nav-cta{display:inline-flex;align-items:center;gap:18px;background:var(--ink);color:#fff;padding:12px 15px;border-radius:3px;font-size:10px;transition:background .2s,transform .2s}.nav-cta span{color:var(--yellow);font-size:14px}.nav-cta:hover{background:var(--blue);transform:translateY(-2px)}.menu-toggle{display:none}.page-wrap{padding-left:10vw;padding-right:10vw}.hero{min-height:650px;display:grid;grid-template-columns:1fr .94fr;align-items:center;gap:4vw;position:relative;padding-top:55px;padding-bottom:70px;background-image:radial-gradient(#1719230b .7px,transparent .7px);background-size:9px 9px}.hero-copy{max-width:620px;position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 23px;color:#6a6a76;font:8px var(--mono);letter-spacing:.15em}.eyebrow-dot{display:block;width:7px;height:7px;border-radius:50%;background:var(--orange)}.hero h1{margin:0;font-size:clamp(57px,7.2vw,102px);line-height:1.05;letter-spacing:-.095em;font-weight:800}.hero h1 span{color:var(--blue)}.hero-lede{max-width:420px;color:#62636e;font-size:13px;line-height:2;margin:25px 0 24px}.hero-actions{display:flex;gap:11px;align-items:center}.button{min-height:47px;display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:0 16px;border:1px solid var(--ink);border-radius:3px;font-size:10px;transition:.2s}.button span{font-size:16px}.button-dark{background:var(--ink);color:#fff}.button-dark span{color:var(--yellow)}.button-dark:hover{background:var(--blue);border-color:var(--blue);transform:translateY(-2px)}.button-quiet{border-color:transparent;color:#676874}.button-quiet span{color:var(--orange)}.button-quiet:hover{color:var(--blue)}.hero-footnote{display:flex;gap:10px;align-items:center;margin-top:49px;color:#82828b;font:8px var(--mono);letter-spacing:.05em}.hero-footnote i{width:26px;border-top:1px solid #a3a2a7}.hero-art{width:100%;max-width:530px;justify-self:end;position:relative;padding:12px;background:var(--blue);border-radius:5px;box-shadow:16px 16px #171923;transform:rotate(2deg)}.art-topline,.art-bottomline{min-height:27px;color:#e5e2ff;display:flex;align-items:center;justify-content:space-between;font:7px var(--mono);letter-spacing:.1em}.art-board{height:390px;position:relative;overflow:hidden;background:#6257ff;isolation:isolate}.art-board:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(135deg,transparent 48%,#3428d6 48% 51%,transparent 51%),radial-gradient(circle at 18% 25%,#8d84ff,transparent 37%)}.art-shadow{position:absolute;width:62%;height:42px;left:20%;bottom:47px;border-radius:50%;background:#251c9952;filter:blur(13px)}.art-orb{position:absolute;width:185px;height:185px;left:50%;top:51%;transform:translate(-50%,-50%);border-radius:50%;background:linear-gradient(145deg,#ffed9c 0 15%,var(--orange) 16% 61%,#de3e69 100%);box-shadow:inset -17px -14px 24px #9d2f754a,0 20px 0 -8px #362ac8}.art-loop{position:absolute;width:260px;height:96px;left:50%;top:54%;transform:translate(-50%,-50%) rotate(-25deg);border:13px solid #ffb5d4;border-left-color:#f9d84a;border-right-color:#ff6846;border-radius:50%}.art-tile{position:absolute;width:53px;height:53px;transform:rotate(18deg)}.tile-orange{left:13%;top:20%;background:var(--orange);box-shadow:8px 8px #252193}.tile-lilac{right:14%;bottom:22%;background:#abfff1;width:33px;height:33px;transform:rotate(36deg)}.art-cube{position:absolute;width:70px;height:70px;right:17%;top:15%;background:var(--yellow);transform:rotate(18deg) skew(-6deg,-6deg);box-shadow:12px 12px #e85a54}.art-cube i,.art-cube b,.art-cube em{position:absolute;display:block}.art-cube i{width:1px;height:70px;top:0;left:50%;background:#171923;transform:skew(0,12deg)}.art-cube b{height:1px;width:70px;left:0;top:50%;background:#171923;transform:skew(15deg)}.art-cube em{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px solid #17192377;transform:rotate(45deg)}.art-spark{position:absolute;color:var(--yellow);text-shadow:2px 3px 0 #3429c9}.spark-one{top:20%;left:43%;font-size:26px}.spark-two{bottom:20%;right:34%;font-size:23px;color:#fff}.art-play-label{position:absolute;bottom:17%;left:11%;color:#fff;font:800 33px/ .8 var(--sans);letter-spacing:-.08em;transform:rotate(-8deg)}.art-play-label small{font:7px var(--mono);letter-spacing:.2em}.art-note{position:absolute;right:10%;bottom:12%;color:var(--ink);font:500 8px/1.5 var(--mono);letter-spacing:.07em;transform:rotate(-8deg)}.art-bottomline{color:#e5e2ff}.hero-index{position:absolute;bottom:22px;right:3vw;writing-mode:vertical-rl;font:8px var(--mono);letter-spacing:.17em;color:#868590}.studio-intro{display:grid;grid-template-columns:.7fr 2.1fr .65fr;gap:4vw;align-items:start;padding-top:104px;padding-bottom:109px;background:var(--white)}.section-label{display:flex;gap:11px;align-items:baseline;color:var(--blue);font:9px var(--mono)}.section-label small{color:#858590;font-size:7px;letter-spacing:.12em}.studio-statement h2{margin:0;font-size:clamp(34px,4vw,56px);line-height:1.2;letter-spacing:-.075em}.studio-statement h2 em{font-family:var(--serif);font-style:normal;font-weight:400;color:var(--blue)}.studio-statement p{max-width:570px;color:#71717c;font-size:11px;line-height:2.1;margin:23px 0 0}.studio-seal{width:113px;height:113px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #d0cde5;border-radius:50%;color:var(--blue);transform:rotate(9deg)}.studio-seal>span{font:6px var(--mono);letter-spacing:.17em}.studio-seal b{font:700 14px/1 var(--mono);text-align:center;margin:5px 0}.studio-seal i{position:absolute;top:-11px;right:4px;color:var(--orange);background:var(--white);padding:0 3px;font-size:18px;font-style:normal}.focus-section{padding-top:100px;padding-bottom:112px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:35px}.section-heading .eyebrow{margin-bottom:14px}.section-heading h2{font-size:clamp(37px,5vw,63px);line-height:1.05;margin:0;letter-spacing:-.08em}.section-heading h2 em{font:400 .96em var(--serif);color:var(--orange)}.section-heading>p{color:#777783;font-size:10px;line-height:1.9;margin:0 0 3px}.focus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.focus-card{padding:10px 10px 22px;background:var(--white);border:1px solid #e5e2da;transition:transform .25s,box-shadow .25s}.focus-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #17192312}.focus-art{height:193px;position:relative;overflow:hidden;display:grid;place-items:center}.focus-art.play{background:#fa7255}.focus-art.build{background:#5144f5}.focus-art.feel{background:#f6d94e}.play-ring{position:absolute;width:150px;height:90px;border:13px solid #f3b4d0;border-radius:50%;transform:rotate(-24deg)}.play-core{position:relative;color:var(--blue);font-size:69px;text-shadow:4px 5px #f9d84a}.play-block{position:absolute;width:38px;height:38px;right:25%;top:19%;background:var(--ink);transform:rotate(28deg)}.build-stack{position:absolute;width:83px;height:83px;transform:rotate(45deg)}.stack-one{background:var(--yellow);box-shadow:14px 14px #ff6846}.stack-two{border:1px solid white;transform:rotate(45deg) scale(1.65)}.build-star{position:absolute;color:#fff;font-size:34px}.feel-disc{width:107px;height:107px;border-radius:50%;background:var(--blue);box-shadow:18px -12px #ff6846,-18px 14px #ffb5d4}.feel-wave{position:absolute;width:190px;height:62px;border:1px solid var(--ink);border-radius:50%;transform:rotate(30deg)}.wave-two{transform:rotate(-30deg);width:140px}.focus-meta{display:flex;justify-content:space-between;margin:18px 4px 8px;color:#8a8993;font:7px var(--mono);letter-spacing:.1em}.focus-meta span:last-child{color:var(--orange)}.focus-card h3{margin:0 4px 8px;font-size:18px;letter-spacing:-.04em}.focus-card>p{min-height:41px;margin:0 4px;color:#73737e;font-size:10px;line-height:1.9}.process-section{background:var(--blue);color:#fff;position:relative;overflow:hidden}.process-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw;padding-top:100px;padding-bottom:104px;position:relative;z-index:1}.process-heading .eyebrow{color:#d4d0ff}.process-heading h2{margin:0;font-size:clamp(38px,5vw,66px);line-height:1.1;letter-spacing:-.085em}.process-heading h2 em{color:var(--yellow);font:400 .92em var(--serif)}.process-heading>p:last-child{color:#dfdcff;font-size:10px;line-height:1.9;margin-top:21px}.process-list{border-top:1px solid #ffffff55}.process-step{display:grid;grid-template-columns:45px 1fr 25px;gap:15px;align-items:center;padding:17px 0;border-bottom:1px solid #ffffff55}.step-no{color:var(--yellow);font:9px var(--mono)}.process-step small{font:7px var(--mono);letter-spacing:.15em;color:#c7c3ff}.process-step h3{margin:3px 0;font-size:15px}.process-step p{margin:0;color:#d0cdff;font-size:9px}.step-arrow{justify-self:end;color:var(--yellow);font-size:15px}.process-decoration{position:absolute;right:-15px;bottom:-58px;color:#ffffff0d;font:800 240px var(--sans);letter-spacing:-.12em;transform:rotate(-8deg)}.collab-section{padding-top:104px;padding-bottom:111px;text-align:center;position:relative;background:var(--paper)}.collab-mark{display:grid;place-items:center;width:43px;height:43px;margin:0 auto 23px;background:var(--yellow);color:var(--ink);border-radius:50%;font-size:20px}.collab-section .eyebrow{justify-content:center;margin-bottom:15px}.collab-section h2{margin:0;font-size:clamp(38px,5vw,68px);line-height:1.12;letter-spacing:-.08em}.collab-section h2 em{color:var(--blue);font:400 .95em var(--serif)}.collab-section>p:not(.eyebrow){color:#71717c;font-size:11px;line-height:2;margin:18px 0 25px}.footer{min-height:73px;padding:18px 7vw;display:flex;align-items:center;gap:25px;border-top:1px solid #17192318;color:#777782;font:8px var(--mono)}.footer-brand{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font:12px var(--sans)}.footer-brand span{color:var(--orange);font-size:18px}.footer-brand b{letter-spacing:.08em}.footer>span:nth-child(2){margin-right:auto}.footer-privacy{color:var(--blue);font:9px var(--sans)}.privacy-page{min-height:calc(100vh - 151px);padding-top:73px;padding-bottom:100px}.privacy-heading{max-width:710px}.privacy-back{display:inline-block;margin-bottom:32px;color:#73737e;font-size:10px}.privacy-back:hover,.policy-toolbar a:hover{color:var(--blue)}.privacy-heading .eyebrow{margin-bottom:14px}.privacy-heading h1{margin:0;font-size:clamp(42px,6vw,76px);line-height:1.05;letter-spacing:-.08em}.privacy-heading>p:last-child{color:#73737e;font-size:11px;line-height:1.9;margin-top:14px}.policy-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:45px}.policy-card{min-height:108px;padding:19px;display:flex;align-items:center;gap:17px;border:1px solid #dedbd3;background:var(--white);transition:.2s}.policy-card:hover{transform:translateY(-3px);border-color:var(--blue);box-shadow:0 9px 24px #17192312}.policy-file-icon{width:42px;height:48px;display:grid;place-items:center;flex:0 0 auto;background:#eeeaff;color:var(--blue);font:8px var(--mono)}.policy-card-copy{display:grid;gap:6px;min-width:0}.policy-card-copy small{color:#888793;font:7px var(--mono);letter-spacing:.1em}.policy-card-copy b{overflow:hidden;color:var(--ink);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.policy-card-copy i{overflow:hidden;color:#85848e;font:normal 8px var(--mono);text-overflow:ellipsis;white-space:nowrap}.policy-card-arrow{margin-left:auto;color:var(--orange);font-size:17px}.policy-empty{display:flex;align-items:flex-start;gap:19px;margin-top:45px;padding:25px;border:1px dashed #bbb8b0;background:#fffdf8a8}.empty-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;background:var(--yellow);border-radius:50%;font-size:19px}.policy-empty h2{margin:0 0 9px;font-size:16px}.policy-empty p{max-width:680px;margin:0 0 10px;color:#73737e;font-size:10px;line-height:1.9}.policy-empty>div>code,.policy-tip code{color:var(--blue);font:9px var(--mono)}.policy-empty>div>code{display:inline-block;padding:8px 10px;background:#eeeaff}.policy-empty .policy-tip{margin-top:12px;margin-bottom:0}.policy-toolbar{display:flex;align-items:center;gap:19px;margin-top:32px;padding:13px 0;border-bottom:1px solid var(--line);color:#71717c;font:8px var(--mono)}.policy-toolbar>span{overflow:hidden;margin-right:auto;text-overflow:ellipsis;white-space:nowrap}.policy-toolbar a:last-child{color:var(--blue);white-space:nowrap}.policy-frame{margin-top:16px;border:1px solid var(--line);background:white}.policy-frame iframe{display:block;width:100%;min-height:72vh;border:0;background:white}.privacy-footnote{margin-top:19px;color:#898892;font-size:9px}@media (max-width: 980px){.topbar{padding:0 5vw;gap:22px}nav{gap:19px}.page-wrap{padding-left:7vw;padding-right:7vw}.hero{grid-template-columns:1fr .85fr}.art-board{height:350px}.art-orb{width:155px;height:155px}.art-loop{width:220px}.studio-intro{grid-template-columns:.5fr 2fr .5fr;gap:3vw}.studio-seal{width:95px;height:95px}}@media (max-width: 720px){html{scroll-padding-top:72px}.topbar{height:68px;padding:0 5vw;gap:10px}.brand{gap:8px}.brand-mark{width:31px;height:31px;border-radius:9px}.brand-name>b{font-size:12px}.brand-name small{font-size:6px}.menu-toggle{width:38px;height:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;margin-left:auto;border:1px solid #b8b5ad;border-radius:3px;background:transparent}.menu-toggle span{width:15px;border-top:1px solid var(--ink)}nav{display:none;position:absolute;top:67px;left:0;right:0;padding:9px 6vw 16px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}nav.open{display:flex}nav a{padding:13px 0;border-bottom:1px solid #17192312}nav a:last-child{border-bottom:0}.nav-cta{gap:8px;padding:10px;font-size:9px}.page-wrap{padding-left:6vw;padding-right:6vw}.hero{display:flex;flex-direction:column;align-items:stretch;gap:35px;min-height:auto;padding-top:59px;padding-bottom:59px}.hero h1{font-size:clamp(54px,13.5vw,82px)}.hero-lede{font-size:11px;max-width:400px;margin:19px 0 18px}.hero-footnote{margin-top:28px}.hero-art{width:91%;align-self:center;padding:9px;transform:rotate(1.5deg)}.art-board{height:min(76vw,335px);min-height:250px}.art-orb{width:42vw;height:42vw;max-width:170px;max-height:170px}.art-loop{width:61vw;height:24vw;max-height:99px;border-width:9px}.art-cube{width:52px;height:52px}.art-cube i{height:52px}.art-cube b{width:52px}.art-play-label{font-size:28px}.hero-index{display:none}.studio-intro{display:block;padding-top:65px;padding-bottom:70px}.studio-statement{margin-top:25px}.studio-statement h2{font-size:36px}.studio-statement p{font-size:10px}.studio-seal{display:none}.focus-section{padding-top:67px;padding-bottom:73px}.section-heading{display:block;margin-bottom:23px}.section-heading h2{font-size:43px}.section-heading>p{margin-top:13px}.focus-grid{grid-template-columns:1fr;gap:12px}.focus-card{padding:9px 9px 19px}.focus-art{height:210px}.focus-card>p{min-height:0}.process-inner{display:block;padding-top:68px;padding-bottom:76px}.process-heading h2{font-size:44px}.process-heading>p:last-child{margin-bottom:29px}.process-step{grid-template-columns:33px 1fr 20px;gap:9px;padding:14px 0}.process-step p{font-size:8px}.process-decoration{font-size:140px;bottom:-31px}.collab-section{padding-top:69px;padding-bottom:74px}.collab-section h2{font-size:42px}.collab-section>p:not(.eyebrow){font-size:10px}.footer{display:grid;grid-template-columns:1fr;gap:10px;padding:20px 6vw}.footer>span:nth-child(2){margin:0}.privacy-page{min-height:calc(100vh - 190px);padding-top:48px;padding-bottom:70px}.privacy-back{margin-bottom:25px}.policy-list{grid-template-columns:1fr;margin-top:29px}.policy-empty{gap:13px;margin-top:30px;padding:17px}.policy-toolbar{flex-wrap:wrap;gap:10px 14px}.policy-toolbar>span{flex-basis:100%;order:3}.policy-frame iframe{min-height:68vh}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}html{scroll-behavior:smooth}.brand-mark{transition:transform .25s ease}.brand:hover .brand-mark{transform:rotate(8deg) scale(1.04)}.hero-art{transition:transform .3s ease,box-shadow .3s ease}.hero-art:hover{transform:rotate(0) translateY(-4px);box-shadow:21px 21px 0 var(--ink)}.art-orb{animation:orbBob 6s ease-in-out infinite}.art-loop{animation:loopTilt 9s ease-in-out infinite}.art-spark{animation:sparkle 3s ease-in-out infinite}.spark-two{animation-delay:1s}.reveal{opacity:1;transform:none}@keyframes orbBob{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,-54%)}}@keyframes loopTilt{0%,to{transform:translate(-50%,-50%) rotate(-25deg)}50%{transform:translate(-50%,-54%) rotate(-20deg)}}@keyframes sparkle{0%,to{opacity:.65;transform:scale(.9) rotate(-8deg)}50%{opacity:1;transform:scale(1.12) rotate(8deg)}}@media (max-width: 720px){.hero-art:hover{transform:rotate(0)}}