:root{--paper:#eeece6;--ink:#15161d;--muted:#62636c;--cyan:#00bde7;--violet:#8053da;--line:#24273722;--display:"Space Grotesk",sans-serif;--body:"DM Sans",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--paper);color:var(--ink);font-family:var(--body);margin:0;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img,video{max-width:100%;display:block}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline-offset:5px;outline:3px solid #0088ae}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display);letter-spacing:-.055em;line-height:1.03}h1{margin-bottom:28px;font-size:clamp(48px,6.2vw,100px);font-weight:600}h2{font-size:clamp(36px,4vw,64px);font-weight:500}h3{letter-spacing:-.035em;font-size:25px}em{color:#5b4a7b;font-style:normal}.accent{color:var(--violet)}.eyebrow{letter-spacing:.19em;text-transform:uppercase;margin-bottom:22px;font-size:10px;font-weight:600}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:999;background:var(--ink);color:#fff;padding:12px;position:fixed;top:-90px;left:16px}.skip:focus{top:12px}.site-header{z-index:20;border-bottom:1px solid #2222220d;align-items:center;gap:50px;height:100px;padding:0 5vw;display:flex;position:absolute;inset:0 0 auto}.brand{align-items:center;gap:12px;display:flex}.brand img{object-fit:cover;border-radius:4px;width:68px;height:46px}.brand>span{font:600 23px/1 var(--display);letter-spacing:-.06em}.brand small{font:500 9px/1.8 var(--body);letter-spacing:.5em;margin-top:6px;display:block}.site-header nav{gap:34px;margin-left:auto;font-size:13px;display:flex}.site-header nav a:hover{color:#6b45ae}.switch-design{border:1px solid var(--line);border-radius:3px;padding:10px 14px;font-size:10px}.button{color:#fff;background:#1b1a2b;border:1px solid #8073a8;border-radius:3px;justify-content:space-between;align-items:center;gap:40px;padding:16px 24px;font-size:13px;transition:transform .25s,box-shadow .25s;display:inline-flex;box-shadow:-2px 0 8px #8053da33,2px 0 8px #00bde733}.button:hover{transform:translateY(-3px);box-shadow:-3px 0 16px #8053da44,3px 0 16px #00bde744}.status-dot{background:#008f9e;border-radius:50%;width:6px;height:6px;margin-right:9px;display:inline-block}.section-pad{padding:105px 5vw}.studio-hero{height:max(760px,100svh);max-height:1100px;position:relative;overflow:hidden}.studio-media,.hero-wash{position:absolute;inset:0}.studio-media video{object-fit:cover;object-position:center;width:100%;height:100%}.hero-wash{background:linear-gradient(90deg,#eeece6 0%,#eeece6ef 19%,#eeece6a0 34%,#0000 53%),linear-gradient(#0000 87%,#eeece6)}.hero-copy{z-index:2;max-width:630px;padding:195px 0 0 5vw;position:relative}.hero-copy>p:not(.eyebrow){color:#444651;margin-bottom:30px;font-size:17px}.hero-copy h1{font-size:clamp(62px,6vw,94px)}.hero-bottom{letter-spacing:.12em;justify-content:space-between;align-items:center;gap:25px;font-size:9px;display:flex;position:absolute;bottom:25px;left:5vw;right:5vw}.motion-toggle{border:1px solid var(--line);letter-spacing:.02em;background:#eeece6bb;border-radius:3px;padding:6px 10px;font-size:10px}.section-top{justify-content:space-between;align-items:end;gap:25px;margin-bottom:45px;display:flex}.section-top h2{margin-bottom:0}.filters{gap:6px;display:flex}.filters button{color:#62636c;background:0 0;border:1px solid #0000;border-radius:3px;padding:10px 17px;font-size:12px}.filters button[aria-pressed=true]{color:var(--ink);background:#e9e2f044;border-color:#8a69caaa}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 25px;display:grid}.project-card[hidden]{display:none}.project-image{border-radius:5px;position:relative;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:240px;transition:transform .6s}.project-card:hover .project-image img{transform:scale(1.035)}.image-tag{backdrop-filter:blur(10px);color:#fff;letter-spacing:.08em;background:#121722c9;border:1px solid #fff4;border-radius:2px;padding:4px 9px;font-size:9px;position:absolute;bottom:15px;left:15px}.project-copy{padding-top:22px}.project-copy .eyebrow{color:#73707b;margin-bottom:10px;font-size:8px}.project-copy h3{margin-bottom:12px}.project-copy>p:not(.eyebrow){color:var(--muted);max-width:330px;min-height:42px;font-size:13px}.project-copy>a,.coming{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding-top:14px;font-size:11px;display:flex}.project-copy>a:hover{color:#6741ab}.coming{color:#646470}.app-art{background:#18202a;border-radius:5px;place-items:center;height:240px;display:grid;position:relative;overflow:hidden}.app-art:before,.app-art:after{content:"";border:1px solid #a9d6ef18;border-radius:50%;width:250px;height:250px;position:absolute;top:-100px;right:-50px}.app-art:after{width:400px;height:400px;top:-175px;right:-125px}.app-glyph{font:400 80px var(--display);letter-spacing:-.08em;color:#d8eef1;z-index:1;text-shadow:0 0 35px #00bde755}.app-platform{letter-spacing:.2em;text-transform:uppercase;color:#b7c7d4;font-size:9px;position:absolute;bottom:18px;left:20px}.app-cache{background:linear-gradient(140deg,#24202e,#423c5d)}.app-spam{background:linear-gradient(140deg,#1d2a39,#31465a)}.app-art.app-art{background:linear-gradient(140deg,#252e31,#475651)}.about-section{background:#e3e1dc;grid-template-columns:1fr 1fr;column-gap:9vw;display:grid}.about-section>.eyebrow{grid-column:1/-1}.about-section h2{margin:0}.about-section>div{color:#555660;max-width:490px;padding-top:10px;font-size:17px}.contact-section{color:#eeece6;background:#171922;position:relative}.contact-section .eyebrow{color:#b8b3c6}.contact-section h2{font-size:clamp(50px,6vw,90px)}.contact-links{justify-content:space-between;gap:30px;max-width:900px;display:flex}.contact-links a{border-bottom:1px solid #fff4;padding-bottom:12px;font-size:clamp(14px,2vw,23px)}.contact-links span{color:#9f8be0;margin-left:25px}footer{color:#b3b1bd;letter-spacing:.06em;background:#171922;border-top:1px solid #ffffff16;justify-content:space-between;gap:20px;padding:30px 5vw;font-size:9px;display:flex}footer a{color:#eee}.chapter-journey{isolation:isolate;position:relative}.portrait-stage{z-index:-1;background:var(--paper);height:100svh;min-height:650px;margin-bottom:-100svh;position:sticky;top:0;overflow:hidden}.portrait-stage video{object-fit:cover;object-position:center;will-change:transform;width:100%;height:100%;transform:translateX(var(--portrait-x,0px)) scale(var(--portrait-scale,1))}.portrait-wash{pointer-events:none;background:linear-gradient(90deg,#eeece6ed 0%,#eeece6a0 25%,#0000 48%),linear-gradient(#0000 70%,#28242f44);position:absolute;inset:0}.stage-coordinate{letter-spacing:.15em;color:#575263;text-align:right;font-size:8px;position:absolute;top:130px;right:5vw}.stage-code{color:#716781;line-height:3}.chapter{align-items:center;gap:3vw;min-height:100svh;padding:140px 5vw 110px;scroll-margin-top:0;display:flex;position:relative}.chapter-copy{align-self:center;width:48%;max-width:590px}.chapter-copy>p:not(.eyebrow){color:#555763;margin-bottom:30px;font-size:16px}.chapter-copy h2{font-size:clamp(46px,5.5vw,84px)}.scroll-hint{letter-spacing:.15em;font-size:9px;position:absolute;bottom:105px;left:5vw}.chapter-nav{backdrop-filter:blur(20px);z-index:12;background:#eeece6bb;border:1px solid #fff6;border-radius:4px;justify-content:space-between;align-items:center;gap:15px;height:56px;margin:-80px 5vw 0;padding:17px 25px;display:flex;position:sticky;bottom:24px}.chapter-nav a{letter-spacing:.13em;color:#64606e;white-space:nowrap;font-size:9px}.chapter-nav span{text-transform:uppercase;margin-left:12px}.chapter-nav a[aria-current=step]{color:#362256;text-underline-offset:9px;text-decoration:underline #00bde7}.floating-games{gap:18px;width:330px;max-width:36%;margin-left:auto;display:grid}.glass-game{backdrop-filter:blur(20px);background:#eeece6d9;border:1px solid #fffb;border-radius:6px;padding:10px;box-shadow:0 15px 40px #24223211}.glass-game>img{object-fit:cover;border-radius:3px;width:100%;height:150px}.glass-game>div{padding:13px 8px 6px}.glass-game h3{margin-bottom:10px;font-size:22px}.glass-game .eyebrow{margin-bottom:7px;font-size:8px}.glass-game a{font-size:11px}.glass-game .coming{border:0;margin:0;padding:0;font-size:11px}.app-panel{backdrop-filter:blur(25px);background:#eeece6e6;border:1px solid #fffb;border-radius:6px;width:400px;max-width:40%;margin-left:auto;padding:12px 23px;box-shadow:0 15px 40px #24223211}.app-panel>a{border-bottom:1px solid var(--line);align-items:center;gap:15px;padding:22px 0;display:flex}.app-panel>a:last-child{border:0}.app-panel>a:hover strong{color:#7148ae}.mini-glyph{color:#afdae8;background:#1e2631;border-radius:8px;flex:0 0 45px;place-items:center;width:45px;height:45px;font-size:14px;display:grid}.app-panel strong{font-family:var(--display);font-size:17px;line-height:1.2;display:block}.app-panel small{color:#63616a;margin-top:6px;font-size:10px;line-height:1.5;display:block}.app-panel>a>span:nth-child(3){margin-left:auto}.interface .project-section{background:var(--paper);margin-top:24px;position:relative}.compare-main{max-width:1600px;margin:auto;padding:50px 5vw 45px}.compare-brand{font:600 22px var(--display);margin-bottom:90px;display:inline-block}.compare-brand>span{letter-spacing:.5em;font-size:9px;display:block}.compare-main h1{margin-bottom:22px;font-size:clamp(66px,8vw,120px)}.compare-lede{color:#676571;margin-bottom:55px;font-size:18px}.compare-grid{grid-template-columns:1fr 1fr;gap:25px;display:grid}.compare-card{border:1px solid var(--line);background:#f6f4ef;border-radius:5px;overflow:hidden}.compare-card img{aspect-ratio:16/9;object-fit:cover;width:100%;transition:transform .6s}.compare-card:hover img{transform:scale(1.025)}.compare-card>div{padding:28px}.compare-card h2{justify-content:space-between;font-size:30px;display:flex}.compare-card p{color:var(--muted);margin-bottom:0;font-size:13px}.compare-note{color:var(--muted);margin-top:30px;font-size:10px}.chapter-nav{transition:opacity .2s}.chapter-copy,.floating-games,.app-panel{transition:opacity .3s}@media (width>=1600px){.hero-copy{padding-top:23vh}.chapter-copy{max-width:680px}.chapter-journey .chapter{padding-left:8vw;padding-right:8vw}.app-panel{width:440px}}@media (width<=1000px){.site-header{gap:20px;padding:0 4vw}.site-header nav{gap:20px}.brand>span{font-size:19px}.hero-copy{max-width:490px}.hero-copy h1{font-size:70px}.studio-media video{object-position:57%}.hero-wash{background:linear-gradient(90deg,#eeece6fa,#eeece6bb 28%,#0000 70%)}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chapter-copy h1{font-size:64px}.chapter-copy h2{font-size:54px}.app-panel{padding:7px 15px}.app-panel>a{gap:10px}.mini-glyph{flex-basis:34px;width:34px;height:34px;font-size:11px}.portrait-stage video{object-position:58%}}@media (width<=700px){html{scroll-padding-top:85px}.site-header{gap:12px;height:85px;padding:0 6vw}.brand img{width:43px;height:34px}.brand>span{font-size:17px}.brand small{font-size:7px}.site-header nav{gap:16px;font-size:11px}.site-header nav a:nth-child(2){display:none}.switch-design{z-index:30;background:#eeece6ed;padding:8px 10px;font-size:9px;position:fixed;bottom:15px;right:15px;box-shadow:0 3px 20px #0001}.studio-hero{height:850px;min-height:100svh;max-height:none}.studio-media{height:530px;top:260px}.studio-media video{object-position:65%}.hero-wash{background:linear-gradient(#eeece6 0% 27%,#eeece655 45%,#0000 62%,#eeece6 96%)}.hero-copy{max-width:100%;padding:128px 6vw 0}.hero-copy .eyebrow{letter-spacing:.12em;font-size:8px}.hero-copy h1{max-width:380px;font-size:54px;line-height:1}.hero-copy h1 br:nth-child(2){display:none}.hero-copy>p:not(.eyebrow){font-size:14px}.hero-copy .button{padding:12px 18px;font-size:11px}.hero-bottom{gap:12px;font-size:8px;bottom:22px;left:6vw;right:6vw}.hero-bottom>span{display:none}.section-pad{padding:65px 6vw}.section-top{flex-direction:column;align-items:start;margin-bottom:28px}.section-top h2{font-size:38px}.filters{border-bottom:1px solid var(--line);width:100%;padding-bottom:10px}.filters button{padding:8px 14px}.project-grid{grid-template-columns:1fr;gap:40px}.project-image img,.app-art{height:240px}.project-copy>p:not(.eyebrow){min-height:0}.about-section{grid-template-columns:1fr;gap:25px}.about-section h2{font-size:44px}.about-section>div{font-size:15px}.contact-section h2{font-size:55px}.contact-links{flex-direction:column;align-items:start}.contact-links a{font-size:17px}.contact-links span{margin-left:10px}footer{flex-wrap:wrap;padding:25px 6vw 75px;font-size:8px}footer>span:last-child{display:none}.portrait-stage{height:100svh;min-height:0;margin-bottom:-100svh}.portrait-stage video{object-position:64%;opacity:.62;width:100%;height:100%;transform:translateX(var(--portrait-x,0px)) scale(var(--portrait-scale,1))}.portrait-wash{background:linear-gradient(#eeece6f7 0%,#eeece6bc 35%,#eeece630 65%,#eeece6dd 100%)}.stage-coordinate{display:none}.chapter{min-height:110svh;padding:125px 6vw 115px;display:block}.chapter-copy{width:100%;max-width:100%}.chapter-copy h1{max-width:350px;font-size:56px}.chapter-copy h2{font-size:54px}.chapter-copy>p:not(.eyebrow){max-width:310px;font-size:14px}.chapter-intro .chapter-copy{padding-top:5vh}.scroll-hint{font-size:8px;bottom:110px;left:6vw}.floating-games{grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:none;margin-top:30px}.glass-game{background:#eeece6eb;padding:6px}.glass-game>img{height:100px}.glass-game>div{padding:10px 4px}.glass-game h3{font-size:18px}.glass-game .eyebrow{font-size:7px}.glass-game a,.glass-game .coming{font-size:9px}.app-panel{background:#eeece6ee;width:100%;max-width:none;margin-top:28px}.app-panel>a{padding:15px 0}.app-panel small{font-size:10px}.chapter-nav{gap:10px;height:52px;margin-left:4vw;margin-right:4vw;padding:15px 12px;bottom:17px}.chapter-nav a{letter-spacing:0;font-size:8px}.chapter-nav span{margin-left:5px;font-size:8px}.interface .switch-design{bottom:82px}.chapter-outro{min-height:100svh}.compare-main{padding:35px 6vw}.compare-brand{margin-bottom:65px}.compare-main h1{font-size:68px}.compare-lede{font-size:15px}.compare-grid{grid-template-columns:1fr}.compare-card h2{font-size:27px}.compare-card>div{padding:22px}}.site-header{background:linear-gradient(#eeece6f5,#eeece6d9)}.project-copy .eyebrow{color:#55525e;font-size:11px}.image-tag,.app-platform,.hero-bottom,.stage-coordinate,.scroll-hint,footer{font-size:11px}.chapter-nav a{color:#46414d;font-size:11px}.stage-code{color:#4f435d}.glass-game .eyebrow{font-size:11px}.app-panel small,.compare-note{font-size:12px}@media (width<=700px){.chapter-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;height:64px;padding:7px 10px;display:grid;bottom:15px}.chapter-nav a{text-align:center;min-height:44px;font-size:10px;line-height:20px;display:block}.chapter-nav span{margin-left:0;font-size:10px;display:block}.chapter-nav a[aria-current=step]{text-underline-offset:3px}.hero-bottom,.hero-copy .eyebrow,.glass-game .eyebrow{font-size:10px}.glass-game a,.glass-game .coming,.app-panel small{font-size:11px}footer{font-size:10px}.interface .switch-design{bottom:94px}.hero-copy h1{font-size:49px}.hero-copy h1 br:nth-child(2){display:block}.studio-media{top:300px}.hero-copy>p:not(.eyebrow){max-width:270px}.hero-copy{padding-top:120px}.hero-copy h1{margin-bottom:20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.portrait-stage video,.studio-media video{transform:none!important}}.motion-options{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.chapter-intro .motion-options{margin-top:20px}.motion-toggle{cursor:pointer;min-height:44px;padding:10px 14px;font-size:12px}.motion-status{letter-spacing:0;color:#514b5c;font-size:11px}.motion-toggle:disabled{cursor:default}.hero-bottom .motion-options{justify-content:center}@media (width<=700px){.hero-bottom .motion-options{justify-content:flex-start}.hero-bottom .motion-status{max-width:170px;font-size:10px}.chapter-intro .motion-options{gap:8px}.chapter-intro .motion-status{max-width:160px}}.motion-status:not(:empty){background:#eeece6ed;border-radius:3px;padding:4px 6px}body.studio,body.content{--paper:#eeece6;--ink:#151b24;--muted:#56616f;--cyan:#246bfd;--violet:#1645a6;--metal:#303945;--silver:#c5cdd5;--surface:#f7f5ef;--line:#30394528}body.studio .experience-nav a[aria-current=step]{text-decoration-color:#246bfd}body.studio .collection-filters button[aria-pressed=true]{color:#fff;background:#1645a6;border-color:#1645a6}body.studio .button{border-color:#246bfd55}body.studio .experience-progress{background:linear-gradient(90deg,#246bfd,#1645a6)}body.studio .collection-app-art{color:#c5cdd5;background:linear-gradient(135deg,#202936,#303945)}body.studio :focus-visible,body.content :focus-visible{outline-offset:4px;outline:3px solid #1645a6}