@font-face{font-family:DM Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/dm-sans-latin.woff2)format("woff2")}@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/manrope-latin.woff2)format("woff2")}:root{--paper:#f7f7f2;--ink:#22231f;--muted:#777971;--line:#dddfd5;--lime:#d9fc6b;--purple:#ddd7f5;--peach:#f4c5b2;--font-body:"DM Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;--font-display:"Manrope", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;--gutter:clamp(22px, 5vw, 88px);--header-height:100px;--ease:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header-height)}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px}body:has(dialog[open]){overflow:hidden}::selection{background:var(--lime);color:var(--ink)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline-offset:5px;outline:3px solid #6c6af1}button{border:0}img{max-width:100%}h1,h2,h3,p{margin:0}svg{flex-shrink:0}a,button{touch-action:manipulation}.skip-link{z-index:100;background:var(--lime);padding:15px;position:fixed;top:-80px;left:20px}.skip-link:focus{top:16px}.site-header{height:var(--header-height);padding:0 var(--gutter);z-index:30;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f7f2f2;align-items:center;display:flex;position:sticky;top:0}.brand{letter-spacing:-1.4px;align-items:center;gap:12px;font-size:27px;font-weight:750;display:flex}.site-header .brand{margin-right:auto}.brand-logo{object-fit:contain;width:48px;height:48px;display:block}.brand-light{font-weight:450}.brand sup{vertical-align:top;margin-top:5px;margin-left:3px;font-size:12px;display:inline-block}.main-nav{align-items:center;gap:38px;font-size:14px;font-weight:500;display:flex}.main-nav>a:not(.nav-contact){padding:10px 0;position:relative}.main-nav>a:not(.nav-contact):after{content:"";transform-origin:0;background:currentColor;width:100%;height:1px;transition:transform .3s;position:absolute;bottom:4px;left:0;transform:scaleX(0)}.main-nav>a:hover:after{transform:scaleX(1)}sup{margin-left:3px;font-size:10px}.nav-contact{border:1px solid var(--ink);border-radius:50px;align-items:center;gap:25px;padding:12px 20px;transition:background .25s;display:flex}.nav-contact:hover{background:var(--lime)}.nav-contact svg{width:17px;height:17px}.header-tools{align-items:center;gap:8px;margin-left:28px;display:flex}.lang-switch{letter-spacing:.4px;align-items:center;gap:6px;font-size:12px;font-weight:550;display:flex}.lang-switch>button{color:var(--muted);background:0 0;padding:8px 2px}.lang-switch>button.is-active{color:var(--ink)}.menu-toggle{display:none}.hero{padding:48px var(--gutter) 0;position:relative;overflow:hidden}.hero-eyebrow,.hero-coordinate,.section-kicker,.hero-divider,.demo-label,.hero-footnote{font-family:var(--font-body);letter-spacing:1px;font-size:12px;font-weight:550}.hero-eyebrow{align-items:center;gap:10px;display:flex}.status-dot{background:#697746;border-radius:100%;width:7px;height:7px;box-shadow:0 0 0 4px #69774612}.hero-coordinate{margin-left:auto}.hero h1{font-family:var(--font-display);letter-spacing:-.073em;z-index:1;width:max-content;max-width:100%;margin:47px 0 40px;font-size:clamp(62px,8.85vw,155px);font-weight:600;line-height:1.09;position:relative}.hero-line{animation:line-in 1s var(--ease) both;display:block}.second-line{animation-delay:.1s}.mind-word{position:relative}.mind-word>svg{fill:none;width:100%;height:24px;stroke:var(--ink);stroke-width:2.2px;stroke-linecap:round;position:absolute;bottom:-8px;left:0;transform:rotate(-2deg)}.period{color:#829b49}.hero-sticker{background:var(--lime);width:145px;height:163px;top:171px;right:calc(var(--gutter) + 10px);z-index:2;touch-action:none;flex-direction:column;align-items:center;gap:8px;padding:17px 14px 13px;display:flex;position:absolute;box-shadow:3px 6px #22231f0a}.hero-sticker>svg{width:46px;height:46px}.hero-sticker>span{letter-spacing:-.7px;font-size:18px;font-weight:750;line-height:1.1}.hero-sticker>small{letter-spacing:.4px;margin-top:3px;font-size:8px;font-weight:600}.hero-bottom{align-items:center;gap:40px;padding:4px 0 45px;display:flex}.hero-description{letter-spacing:-.2px;font-size:17px;line-height:1.65}.text-link{align-items:center;gap:24px;font-size:14px;font-weight:500;display:inline-flex}.hero-bottom>.text-link{margin-left:auto}.circle-button{border:1px solid var(--ink);border-radius:50%;place-items:center;width:44px;height:44px;transition:background .3s,transform .3s;display:grid}.text-link:hover .circle-button{background:var(--lime);transform:rotate(-35deg)}.circle-button svg{width:19px}.hero-footnote{margin-left:5vw;font-size:10px;line-height:1.6}.hero-divider{border-top:1px solid var(--line);color:var(--muted);letter-spacing:.7px;justify-content:space-between;align-items:center;padding:20px 0;font-size:10px;display:flex}.hero-divider>span:last-child{color:var(--ink);font-size:20px}.section-space{padding:95px var(--gutter)}.section-kicker{letter-spacing:1px;justify-content:space-between;align-items:center;font-size:12px;display:flex}.section-kicker>span:last-child{color:var(--muted)}.section-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin:30px 0 35px;display:flex}h2{font-family:var(--font-display);letter-spacing:-.065em;font-size:clamp(42px,4.9vw,78px);font-weight:550;line-height:1.12}.muted{color:#94978b}.section-heading>p{padding-bottom:8px;font-size:16px;line-height:1.6}.work-section{padding-top:67px}.work-toolbar{justify-content:space-between;align-items:center;gap:20px;margin:37px 0 26px;display:flex}.filter-group{gap:8px;display:flex}.filter{border:1px solid var(--line);transition:background .3s var(--ease), color .3s var(--ease), border-color .3s var(--ease), transform .3s var(--ease);background:0 0;border-radius:30px;padding:10px 19px;font-size:14px}.filter:hover{background:#e9ebdf}.filter.active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.filter>sup{margin-left:6px}.demo-label{color:var(--muted);letter-spacing:.8px;font-size:10px}.project-track{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-x;grid-auto-columns:calc(50% - 13px);grid-auto-flow:column;gap:26px;margin:-6px -4px -12px;padding:6px 4px 12px;scroll-padding-inline:4px;display:grid;overflow-x:auto}.project-track::-webkit-scrollbar{display:none}.project-track.is-controlled{scroll-snap-type:none}.project-track.is-dragging{cursor:grabbing}.project-track.is-dragging *{cursor:grabbing;pointer-events:none}.project-track .project-card{scroll-snap-align:start}.project-track:is(.is-dragging,.is-animating,.is-scrolling) .project-link{pointer-events:none}.work-navigation{align-items:center;gap:24px;margin-top:28px;display:flex}.work-scroll-hint{letter-spacing:1px;color:var(--muted);font-size:10px}.work-progress{background:var(--line);flex:1;height:2px;overflow:hidden}.work-progress>span{background:var(--ink);transform-origin:0;height:100%;transition:transform .35s var(--ease);display:block}.work-arrows{gap:8px;display:flex}.work-arrow{border:1px solid var(--line);width:44px;height:44px;transition:background .35s var(--ease), transform .35s var(--ease), opacity .25s, border-color .35s var(--ease);background:0 0;border-radius:50%;place-items:center;display:grid}.work-arrow:not(:disabled):hover{background:var(--lime);border-color:var(--ink);transform:translateY(-2px)}.work-arrow:not(:disabled):active{transform:scale(.94)}.work-arrow:disabled{opacity:.3;cursor:default}.work-arrow-prev>svg{transform:rotate(180deg)}.project-card{min-width:0}.project-link{transition:transform .5s var(--ease);display:block}@media (hover:hover) and (pointer:fine){.project-link:hover,.project-link:focus-visible{transform:translateY(-6px)}}.project-cover{aspect-ratio:1.33;background:#e7e8e0;border-radius:5px;position:relative;overflow:hidden}.project-art{width:100%;height:100%;transition:transform .8s var(--ease);position:relative;overflow:hidden}.project-link:hover .project-art{transform:scale(1.025)}.project-info{justify-content:space-between;gap:15px;padding:20px 0 0;display:flex}.project-info h3{letter-spacing:-.8px;align-items:center;gap:12px;font-size:24px;font-weight:550;display:flex}.project-info h3>svg{opacity:0;width:17px;transition:all .3s;transform:translate(-5px,5px)}.project-link:hover .project-info h3>svg{opacity:1;transform:translate(0)}.project-info p{color:var(--muted);margin-top:7px;font-size:14px}.project-info>span{color:var(--muted);text-align:right;padding-top:7px;font-size:12px}.project-type{color:#25251f;letter-spacing:.7px;background:#ffffffde;border-radius:3px;padding:6px 9px;font-size:9px;position:absolute;bottom:19px;left:20px}.project-open{background:var(--lime);opacity:0;border-radius:30px;align-items:center;gap:15px;padding:11px 16px;font-size:12px;transition:transform .3s,opacity .3s;display:flex;position:absolute;bottom:18px;right:20px;transform:translateY(10px)}.project-open>svg{width:15px;height:15px}.project-link:hover .project-open,.project-link:focus-visible .project-open{opacity:1;transform:translateY(0)}.content-note{color:var(--muted);margin-top:26px;font-size:12px}.art-orbit{color:#20231f;background:#c7cbe7;padding:26px 30px}.art-corner{letter-spacing:-1.5px;font-size:27px;font-weight:600}.art-corner>span{vertical-align:super;margin-left:2px;font-size:11px}.orbit-screen{width:89%;height:66%;transition:transform .7s var(--ease);background:#fff;border:1px solid #fff9;border-radius:8px;display:flex;position:absolute;top:22%;left:8%;overflow:hidden;transform:rotate(-5deg);box-shadow:0 18px 30px #27265324}.project-link:hover .orbit-screen{transform:rotate(-1deg)translateY(-4px)}.orbit-sidebar{background:#f5f6f0;border-right:1px solid #eee;flex-direction:column;gap:13px;width:22%;padding:16px 10px;font-size:7px;display:flex}.orbit-sidebar>b{margin-bottom:8px;font-size:24px}.orbit-sidebar>span{white-space:nowrap}.sidebar-active{background:#e1e8d8;border-radius:3px;margin:-5px;padding:5px}.orbit-sidebar>small{letter-spacing:.5px;margin-top:auto;font-size:5px}.orbit-main{flex:1;min-width:0;padding:16px 18px}.orbit-top{color:#777;justify-content:space-between;align-items:center;font-size:6px;display:flex}.avatar-dot{background:#dadcc6;border-radius:50%;place-items:center;width:15px;height:15px;display:grid}.orbit-main>h3{letter-spacing:-.6px;margin-top:10px;font-size:15px;font-weight:550}.orbit-main>p{color:#888;margin-top:4px;font-size:7px}.stat-row{gap:12px;margin-top:13px;display:flex}.stat-row>div{border:1px solid #e9eae5;border-radius:4px;width:50%;padding:8px}.stat-row span{font-size:6px;display:block}.stat-row strong{white-space:nowrap;margin-top:4px;font-size:18px;font-weight:550;display:block}.stat-row small{color:#58802d;margin-left:6px;font-size:5px}.chart-heading{justify-content:space-between;margin:15px 0 10px;font-size:7px;display:flex}.chart-heading>span{color:#888;font-size:6px}.bar-chart{background:repeating-linear-gradient(0deg,#eee 0 1px,#0000 1px 20px);border-bottom:1px solid #eee;justify-content:space-between;align-items:flex-end;gap:6px;height:59px;display:flex}.bar-chart i{transform-origin:bottom;background:#667f54;border-radius:2px 2px 0 0;width:7%;transition:transform .6s}.project-link:hover .bar-chart i:nth-child(3n){transform:scaleY(.7)}.chart-labels{color:#888;justify-content:space-between;margin-top:5px;font-size:5px;display:flex}.art-caption{letter-spacing:.1px;font-size:8px;position:absolute;bottom:16px;right:22px}.art-forma{background:#f0b298;padding:28px 35px}.forma-sheet{width:92%;height:87%;transition:transform .7s var(--ease);background:#fff3dc;margin:0 auto;padding:16px 23px;position:relative;overflow:hidden;transform:rotate(4deg);box-shadow:0 10px 35px #a1523720}.project-link:hover .forma-sheet{transform:rotate(1deg)translateY(-4px)}.forma-nav{border-bottom:1px solid #d2c9b5;justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.forma-nav>b{letter-spacing:-1.5px;font-size:22px;font-weight:550}.forma-nav>span{font-size:6px}.forma-title{letter-spacing:-2.5px;z-index:1;margin-top:18px;font-size:clamp(25px,3.4vw,56px);line-height:1.1;position:relative}.forma-title em{font-family:Georgia,serif;font-weight:400}.forma-graphic{color:#fa532d;aspect-ratio:1;width:37%;position:absolute;top:31%;right:8%}.forma-graphic>svg{width:100%;height:100%;animation:45s linear infinite paused spin}.project-link:hover .forma-graphic>svg{animation-play-state:running}.forma-graphic>span{text-align:center;color:#3c2616;place-content:center;font-size:10px;font-weight:650;display:grid;position:absolute;inset:0;transform:rotate(10deg)}.forma-bottom{justify-content:space-between;align-items:flex-end;font-size:8px;line-height:1.5;display:flex;position:absolute;bottom:19px;left:23px;right:23px}.forma-shop{border-bottom:1px solid;align-items:center;gap:10px;padding-bottom:4px;display:flex}.forma-shop>svg{width:12px;height:12px}.art-elsewhere>img{object-fit:cover;transition:transform 1.4s var(--ease)}.project-link:hover .art-elsewhere>img{transform:scale(1.08)}.landscape-shade{background:linear-gradient(#071c2140,#0b231f10 30%,#0b231f65);position:absolute;inset:0}.elsewhere-nav{color:#fff;justify-content:space-between;align-items:center;display:flex;position:absolute;top:26px;left:28px;right:28px}.elsewhere-nav>b{letter-spacing:-1px;font-size:21px}.elsewhere-nav>span{letter-spacing:1px;font-size:7px}.elsewhere-title{letter-spacing:-3px;color:#fffef2;font-size:clamp(37px,4.7vw,75px);line-height:1;position:absolute;top:30%;left:9%}.elsewhere-title>em{font-family:Georgia,serif;font-weight:400}.elsewhere-bottom{color:#fff;justify-content:space-between;align-items:center;font-size:9px;line-height:1.5;display:flex;position:absolute;bottom:65px;left:9%;right:9%}.round-arrow{border:1px solid #fffc;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.round-arrow>svg{width:15px}.art-relay{background:#d7e0cc;padding:26px 30px}.relay-wordmark{letter-spacing:-1.5px;align-items:center;gap:5px;font-size:30px;font-weight:550;display:flex}.relay-wordmark>span{font-size:28px}.relay-chat{transition:transform .7s var(--ease);background:#fffff8;border-radius:12px;padding:22px;position:absolute;top:23%;left:12%;right:10%;transform:rotate(3deg);box-shadow:0 15px 35px #30422419}.project-link:hover .relay-chat{transform:rotate(0)translateY(-5px)}.chat-user{background:#edeee7;border-radius:8px 8px 0;width:max-content;max-width:100%;margin-left:auto;padding:11px 13px;font-size:9px}.chat-response{gap:10px;margin-top:18px;display:flex}.relay-avatar{font-size:22px}.chat-response b{font-size:11px;font-weight:550}.chat-response p{color:#777;margin:5px 0 10px;font-size:9px;line-height:1.6}.task-line{align-items:center;gap:7px;margin:8px 0;font-size:9px;display:flex}.task-line>span{color:#72855e}.task-line>i{background:#d9fc6b;border-radius:3px;padding:2px 5px;font-size:7px;font-style:normal}.chat-input{color:#777;border:1px solid #e6e7df;border-radius:5px;justify-content:space-between;align-items:center;margin-top:15px;padding:9px 10px;font-size:8px;display:flex}.chat-input>span{background:var(--ink);color:#fff;border-radius:3px;padding:3px 6px}.art-relay>.art-caption{color:#475741}@keyframes line-in{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:1500px){.hero,.section-space,.site-header{padding-left:max(var(--gutter), calc((100vw - 1500px) / 2));padding-right:max(var(--gutter), calc((100vw - 1500px) / 2))}.hero-sticker{right:max(var(--gutter), calc((100vw - 1440px) / 2))}.hero h1{font-size:142px}.orbit-main{padding:24px}.bar-chart{height:100px}.orbit-main>h3{font-size:22px}}@media (max-width:1100px){.hero-sticker{width:115px;height:139px;top:150px;right:var(--gutter)}.hero-sticker>span{font-size:16px}.hero-sticker>svg{width:35px;height:35px}.hero-sticker>small{font-size:6px}.hero-footnote{display:none}.hero h1{font-size:9vw}.main-nav{gap:25px}.project-info{display:block}.project-info>span{text-align:left;margin-top:3px;display:block}.orbit-main{padding:10px}.orbit-main>h3{font-size:12px}.stat-row{margin-top:8px}.stat-row>div{padding:5px}.stat-row strong{font-size:14px}.chart-heading{margin:8px 0}.bar-chart{height:45px}.relay-chat{padding:14px;left:9%;right:9%}.task-line{margin:6px 0}}@media (max-width:760px){:root{--header-height:78px}.brand{font-size:24px}.brand-logo{width:36px;height:36px}.menu-toggle{background:0 0;align-items:center;gap:12px;padding:12px 0 12px 12px;font-size:14px;display:flex}.header-tools{gap:2px;margin-left:12px}.main-nav{background:var(--paper);padding:25px var(--gutter) 30px;border-bottom:1px solid var(--line);display:none;position:absolute;top:78px;left:0;right:0;box-shadow:0 15px 20px #22231f08}.main-nav.is-open{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.main-nav a{font-size:20px}.main-nav .nav-contact{font-size:16px}.hero{padding-top:30px}.hero-eyebrow{letter-spacing:.7px;font-size:9px}.hero-coordinate{display:none}.hero h1{letter-spacing:-.073em;margin:45px 0 80px;font-size:clamp(45px,10vw,76px);line-height:1.13}.hero-sticker{gap:5px;width:91px;height:98px;padding:9px;top:185px;right:35px}.hero-sticker>svg{width:27px;height:27px}.hero-sticker>span{font-size:12px}.hero-sticker>small{margin:0;font-size:5px}.hero-bottom{padding-bottom:30px;display:block}.hero-description{max-width:330px;font-size:16px;line-height:1.6}.hero-bottom>.text-link{gap:20px;margin-top:24px}.hero-divider{letter-spacing:.4px;font-size:8px}.section-space{padding-top:65px;padding-bottom:65px}.section-kicker{font-size:10px}.section-kicker>span:last-child{font-size:9px}.section-heading{margin-top:26px;display:block}.section-heading>p{margin-top:23px;font-size:15px}.work-toolbar{flex-direction:column;align-items:flex-start;gap:16px;margin:26px 0 22px}.filter{padding:9px 17px;font-size:13px}.demo-label{font-size:9px}.project-track{grid-auto-columns:88%;gap:16px}.work-navigation{gap:14px;margin-top:22px}.work-scroll-hint{letter-spacing:.4px;font-size:9px}.project-cover{aspect-ratio:1.25}.project-info{padding-top:16px;display:flex}.project-info h3{font-size:22px}.project-info p{font-size:13px}.project-info>span{text-align:right;max-width:130px;font-size:10px;line-height:1.5}.project-info h3>svg{opacity:1;transform:none}.project-open{opacity:1;padding:8px 11px;font-size:10px;bottom:15px;right:15px;transform:none}.project-type{font-size:8px;bottom:16px;left:15px}.art-orbit{padding:20px}.orbit-main{padding:15px}.orbit-main>h3{font-size:14px}.bar-chart{height:55px}.orbit-screen{height:68%}.stat-row{margin-top:10px}.stat-row>div{padding:8px}.chart-heading{margin:12px 0 8px}.forma-title{font-size:9vw}.forma-sheet{height:88%}.art-forma{padding:25px}.elsewhere-title{font-size:12vw}.relay-chat{padding:20px;top:22%}.chat-response{margin-top:13px}.art-caption{display:none}.mind-word>svg{height:15px;bottom:-9px}}@media (max-width:380px){.hero h1{font-size:10vw}.hero-sticker{top:170px;right:25px}.hero-description{font-size:15px}.project-info{display:block}.project-info>span{text-align:left;max-width:none}.orbit-main>h3{font-size:11px}.bar-chart{height:40px}.stat-row strong{font-size:12px}.orbit-sidebar{padding:10px 7px}.relay-chat{padding:13px}.chat-response p{font-size:8px}.forma-title{letter-spacing:-1.5px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.project-link:hover,.project-link:focus-visible{transform:none}}.studio-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#eeefe7}.studio-columns{grid-template-columns:1fr 1fr;align-items:center;gap:7vw;margin-top:42px;display:grid}.studio-description{max-width:490px;margin-top:30px;font-size:18px;line-height:1.7}.studio-secondary{color:#73766a;margin-top:20px;font-size:15px;line-height:1.75}.studio-columns .text-link{margin-top:28px}.word-underline{position:relative}.word-underline:after{content:"";background:currentColor;width:100%;height:2px;position:absolute;bottom:1px;left:0;transform:rotate(-4deg)}.studio-canvas{background-image:radial-gradient(#b7bcad 1px,#0000 1px);background-size:18px 18px;border:1px solid #d8dcd0;border-radius:6px;min-height:410px;position:relative}.canvas-topline,.canvas-bottomline{letter-spacing:.6px;justify-content:space-between;align-items:center;gap:12px;font-size:8px;display:flex;position:absolute;left:18px;right:18px}.canvas-topline{top:18px}.canvas-bottomline{font-size:7px;bottom:14px}.canvas-bottomline>button{letter-spacing:0;background:var(--paper);white-space:nowrap;border:1px solid #c8cbbc;border-radius:30px;padding:8px 12px;font-size:11px}.canvas-bottomline>button:hover{background:var(--lime)}.canvas-bottomline>button>span{margin-left:5px;font-size:17px}.notes{position:absolute;inset:45px 0}.desk-note{cursor:grab;touch-action:none;flex-direction:column;justify-content:space-between;align-items:flex-start;width:190px;height:200px;padding:18px 20px;display:flex;position:absolute;box-shadow:2px 6px 12px #22231f13}.note-lime{background:var(--lime);z-index:2;top:10%;left:8%}.note-white{z-index:3;background:#fffcf6;top:24%;right:6%}.note-purple{z-index:1;background:#dbd3f1;top:38%;left:24%}.note-mark{font-size:31px;line-height:1}.note-title{letter-spacing:-.8px;white-space:pre-line;font-size:23px;font-weight:550;line-height:1.2}.desk-note>small{letter-spacing:.3px;font-size:7px}.capabilities{letter-spacing:-.4px;border-top:1px solid #cfd3c5;justify-content:space-between;align-items:center;gap:18px;margin-top:85px;padding-top:35px;font-size:clamp(12px,1.3vw,20px);font-weight:500;display:flex}.capabilities>svg{width:23px;height:23px}.capabilities>svg:last-child{width:30px;height:30px}.team-section{padding-top:100px;padding-bottom:100px}.team-intro{justify-content:space-between;align-items:center;margin:43px 0 22px;display:flex}.handwritten{letter-spacing:-.5px;font-family:Georgia,serif;font-size:18px;font-style:italic;transform:rotate(-2deg)}.team-hint{letter-spacing:.7px;color:var(--muted);font-size:10px}.team-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;display:grid}.team-grid-solo{grid-template-columns:minmax(280px,400px)}.identity-card{--card-color:var(--lime);perspective:1400px;height:505px}.card-lavender{--card-color:var(--purple)}.card-peach{--card-color:var(--peach)}.card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .75s var(--ease);position:relative}.identity-card.is-flipped .card-inner{transform:rotateY(180deg)}.card-front,.card-back{backface-visibility:hidden;background:#f1f1e9;border:1px solid #d7d9cf;border-radius:5px;flex-direction:column;padding:21px;display:flex;position:absolute;inset:0;overflow:hidden}.card-back{background:var(--card-color);transform:rotateY(180deg)}.card-topline{letter-spacing:.9px;justify-content:space-between;gap:10px;margin-bottom:18px;font-size:9px;display:flex}.portrait-wrap{background:#d7d7d0;flex:1;min-height:0;position:relative;overflow:hidden}.portrait-wrap>img{object-fit:cover;object-position:center 38%;filter:grayscale();transition:filter .6s, transform .8s var(--ease)}.portrait-fallback{background:linear-gradient(180deg, #eef3c9 0%, var(--lime) 100%);color:var(--ink);font-family:var(--font-display);letter-spacing:-.06em;place-items:center;font-size:72px;font-weight:700;display:grid;position:absolute;inset:0}.identity-card:hover .portrait-wrap>img{filter:grayscale(.2);transform:scale(1.035)}.member-mark{background:var(--card-color);border-radius:50%;place-items:center;width:57px;height:57px;font-size:30px;font-weight:600;display:grid;position:absolute;top:18px;right:14px;transform:rotate(12deg)}.portrait-caption{background:var(--card-color);padding:7px 10px;font-family:Georgia,serif;font-size:14px;font-style:italic;position:absolute;bottom:16px;left:14px;transform:rotate(-4deg)}.member-heading{justify-content:space-between;align-items:center;gap:10px;margin-top:18px;display:flex}.member-heading>h3{letter-spacing:-.8px;font-size:26px;font-weight:550}.member-signature{color:#686d5b;font-family:Brush Script MT,Segoe Script,cursive;font-size:30px;font-style:italic;line-height:1;transform:rotate(-9deg)}.member-role{color:#75786d;margin-top:4px;font-size:14px}.flip-button{text-align:left;background:0 0;border-top:1px solid #cfd2c4;justify-content:space-between;align-items:center;min-height:46px;margin-top:18px;padding:13px 0 0;font-size:12px;display:flex}.flip-circle{border:1px solid #b8bfaa;border-radius:50%;place-items:center;width:28px;height:28px;font-size:18px;transition:background .25s;display:grid}.flip-button:hover .flip-circle{background:var(--card-color)}.back-mark{align-self:flex-start;margin:4px 0 16px;font-size:48px;line-height:1}.card-back>h3{letter-spacing:-1px;font-size:27px;font-weight:550}.card-back>p{margin-top:13px;font-size:15px;line-height:1.6}.skill-tags{flex-wrap:wrap;gap:5px;margin-top:18px;display:flex}.skill-tags>span{border:1px solid #22231f35;border-radius:30px;padding:5px 9px;font-size:11px}.member-projects{margin-top:auto;padding-top:20px}.member-projects>span{letter-spacing:.6px;margin-bottom:9px;font-size:8px;display:block}.member-projects>a{border-bottom:1px solid #22231f25;justify-content:space-between;align-items:center;padding:8px 0;font-size:15px;display:flex}.member-projects>a:hover{padding-left:5px}.member-projects svg{width:16px;height:16px}.card-back>.flip-button{border-top:0;margin-top:10px}.card-back .flip-button:hover .flip-circle{background:#ffffff60}.contact-section{background:var(--lime);padding:42px var(--gutter) 55px;position:relative;overflow:hidden}.contact-topline{letter-spacing:.8px;z-index:1;justify-content:space-between;font-size:11px;display:flex;position:relative}.contact-main{z-index:1;justify-content:space-between;align-items:center;gap:30px;padding:48px 0 33px;display:flex;position:relative}.contact-main h2{letter-spacing:-.075em;font-size:clamp(70px,9.5vw,150px);line-height:1.01}.contact-main h2>span{letter-spacing:-.075em;font-family:Georgia,serif;font-style:italic;font-weight:400}.contact-orb{border:1px solid var(--ink);background:0 0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:15px;width:175px;height:175px;margin-right:3vw;transition:background .4s,transform .4s;display:flex}.contact-orb>svg{stroke-width:1.2px;width:59px;height:59px}.contact-orb>span{letter-spacing:.5px;font-size:9px;font-weight:550}.contact-orb:hover{background:var(--ink);color:var(--lime);transform:rotate(-8deg)}.contact-bottom{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.contact-bottom>p{font-size:15px;line-height:1.6}.contact-text{border-bottom:1px solid var(--ink);background:0 0;align-items:center;gap:30px;padding:12px 0;font-size:17px;display:flex}.contact-text>svg{width:20px;height:20px}.contact-star{opacity:.07;pointer-events:none;width:400px;height:400px;position:absolute;bottom:-260px;right:-100px}.contact-dialog{border:1px solid var(--line);background:var(--paper);width:min(590px,100vw - 32px);max-height:calc(100dvh - 40px);color:var(--ink);border-radius:8px;padding:32px;box-shadow:0 30px 100px #0002}.contact-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#22231f8c}.dialog-top{letter-spacing:1px;justify-content:space-between;align-items:center;font-size:10px;display:flex}.dialog-close{background:0 0;padding:5px 8px;font-size:28px;line-height:1}.contact-dialog h2{margin:17px 0 28px;font-size:48px}.contact-dialog label{margin-bottom:18px;font-size:14px;display:block}.contact-dialog input,.contact-dialog textarea{width:100%;color:var(--ink);background:#fffef8;border:1px solid #cccec2;border-radius:3px;margin-top:9px;padding:12px;font-size:16px;display:block}.contact-dialog textarea{resize:vertical;line-height:1.5}.form-note{color:#74786c;margin:16px 0;font-size:12px;line-height:1.6}.solid-button{background:var(--ink);color:var(--paper);border:1px solid var(--ink);border-radius:30px;justify-content:space-between;align-items:center;gap:30px;padding:13px 23px;font-size:14px;transition:background .25s,color .25s;display:inline-flex}.solid-button:hover{background:var(--lime);color:var(--ink)}.solid-button>svg{width:18px;height:18px}.brief-actions{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.subtle-button{background:0 0;padding:10px;font-size:13px;text-decoration:underline}.brief-result>label{font-size:14px}.site-footer{padding:42px var(--gutter) 22px}.footer-top{justify-content:space-between;align-items:center;gap:35px;padding-bottom:35px;display:flex}.footer-top>p,.footer-top>span{font-size:13px;line-height:1.7}.footer-time{color:var(--muted);letter-spacing:.5px;font-size:10px}.footer-social{border-bottom:1px solid #0000;margin-top:4px;display:inline-block}.footer-social:hover{border-bottom-color:currentColor}.back-top{align-items:center;gap:15px;font-size:12px;display:flex}.back-top>svg{width:16px;height:16px;transform:rotate(-45deg)}.footer-bottom{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:20px;padding-top:20px;font-size:10px;display:flex}.footer-bottom>span:nth-child(2){letter-spacing:.5px;font-size:9px}.footer-bottom>a:hover{color:var(--ink)}.case-intro{padding:45px var(--gutter) 0}.case-back{border-bottom:1px solid #0000;padding-bottom:4px;font-size:14px;display:inline-block}.case-back:hover{border-color:currentColor}.case-heading{justify-content:space-between;align-items:flex-end;gap:25px;margin-top:45px;display:flex}.case-heading h1{font-family:var(--font-display);letter-spacing:-.07em;font-size:clamp(70px,10vw,160px);font-weight:550;line-height:1.1}.case-heading h1>span{vertical-align:top;letter-spacing:-1px;margin:20px 0 0 10px;font-size:25px;display:inline-block}.case-badge{letter-spacing:1px;margin-bottom:20px;font-size:10px}.case-subtitle{color:var(--muted);letter-spacing:-.7px;margin:20px 0 45px;font-size:clamp(22px,2.5vw,38px)}.case-meta{border-top:1px solid var(--line);grid-template-columns:2fr 1fr 1fr;gap:25px;padding:24px 0 35px;font-size:14px;display:grid}.case-meta small{letter-spacing:1px;color:var(--muted);margin-bottom:10px;font-size:10px;display:block}.case-cover{border-radius:6px;height:650px;overflow:hidden}.case-cover>.project-art{height:100%}.case-cover .orbit-screen{width:70%;height:73%;top:17%;left:17%;transform:rotate(-3deg)}.case-cover .art-corner,.case-cover .relay-wordmark{margin:10px;font-size:45px}.case-cover .orbit-sidebar{gap:24px;padding:30px 20px;font-size:12px}.case-cover .orbit-sidebar>b{font-size:45px}.case-cover .orbit-main{padding:28px}.case-cover .orbit-main>h3{margin-top:20px;font-size:29px}.case-cover .orbit-main>p{font-size:12px}.case-cover .orbit-top{font-size:10px}.case-cover .stat-row{gap:25px;margin-top:25px}.case-cover .stat-row>div{padding:16px}.case-cover .stat-row span{font-size:10px}.case-cover .stat-row strong{font-size:32px}.case-cover .stat-row small{font-size:9px}.case-cover .chart-heading{margin:24px 0 15px;font-size:13px}.case-cover .chart-heading>span{font-size:10px}.case-cover .bar-chart{gap:14px;height:130px}.case-cover .chart-labels{font-size:9px}.case-cover .forma-sheet{max-width:800px;padding:25px 40px}.case-cover .forma-nav>b{font-size:36px}.case-cover .forma-nav>span{font-size:11px}.case-cover .forma-title{margin-top:40px;font-size:95px}.case-cover .forma-bottom{font-size:13px;bottom:30px;left:40px;right:40px}.case-cover .forma-graphic>span{font-size:18px}.case-cover .elsewhere-title{font-size:110px}.case-cover .elsewhere-nav>b{font-size:34px}.case-cover .elsewhere-nav>span{font-size:11px}.case-cover .elsewhere-bottom{font-size:16px}.case-cover .relay-chat{max-width:680px;padding:35px;top:20%;left:20%;right:20%}.case-cover .chat-user{font-size:16px}.case-cover .chat-response b{font-size:21px}.case-cover .chat-response p{font-size:16px}.case-cover .chat-response{gap:20px;margin-top:25px}.case-cover .relay-avatar{font-size:36px}.case-cover .task-line{margin-top:13px;font-size:15px}.case-cover .chat-input{margin-top:25px;padding:13px;font-size:14px}.case-cover .art-caption{font-size:12px;bottom:25px}.case-story{grid-template-columns:1fr 3fr;gap:40px;display:grid}.case-story>span{align-self:start;margin-top:14px}.case-story h2{letter-spacing:-1.5px;font-size:clamp(29px,3vw,45px);line-height:1.3}.story-columns{grid-template-columns:1fr 1fr;gap:45px;margin-top:50px;display:grid}.story-columns h3,.case-deliverables h3{margin-bottom:15px;font-size:18px;font-weight:500}.story-columns p{color:var(--muted);font-size:16px;line-height:1.8}.case-deliverables{margin-top:45px}.case-deliverables p{border-bottom:1px solid var(--line);align-items:center;gap:25px;padding:20px 0;font-size:16px;display:flex}.case-deliverables p>span{color:var(--muted);font-size:12px}.case-deliverables p>svg{width:19px;height:19px;margin-left:auto}.case-team{flex-wrap:wrap;gap:15px;margin-top:45px;display:flex}.case-team>span{letter-spacing:.7px;width:100%;margin-bottom:5px;font-size:10px;display:block}.case-team>a{border:1px solid var(--line);border-radius:5px;grid-template-columns:1fr 20px;gap:5px 25px;padding:16px 20px;font-size:16px;display:grid}.case-team>a:hover{background:var(--lime)}.case-team small{color:var(--muted);grid-area:2/1;font-size:12px}.case-team svg{grid-area:1/2/3;align-self:center;width:18px}.next-project{padding:40px var(--gutter) 65px;border-top:1px solid var(--line);transition:background .3s;display:block}.next-project:hover{background:#eeefe7}.next-project>span{letter-spacing:1px;font-size:11px}.next-project>strong{letter-spacing:-.06em;justify-content:space-between;align-items:center;margin-top:20px;font-size:clamp(60px,8vw,120px);font-weight:500;display:flex}.next-project svg{stroke-width:1px;width:70px;height:70px}.credits-page{max-width:1100px;margin:auto}.credits-page h1{font-family:var(--font-display);letter-spacing:-.055em;margin:35px 0;font-size:clamp(40px,5vw,70px);line-height:1.15}.credits-page h2{letter-spacing:-1px;margin:35px 0 15px;font-size:30px}.credits-page p,.credits-page li{color:#686d5e;font-size:16px;line-height:1.8}.credits-page p>a,.credits-page li>a{text-underline-offset:3px;text-decoration:underline}.not-found{flex-direction:column;justify-content:center;align-items:flex-start;gap:25px;min-height:80vh;display:flex}.not-found>svg{width:60px;height:60px}.not-found>span{letter-spacing:1px;color:var(--muted);font-size:11px}.not-found h1{letter-spacing:-.06em;font-size:clamp(48px,7vw,100px);font-weight:500;line-height:1.08}.not-found>p{color:var(--muted)}@media (max-width:1100px){.studio-columns{gap:40px}.studio-description{font-size:16px}.desk-note{width:155px;height:175px;padding:16px}.note-title{font-size:20px}.desk-note>small{font-size:6px}.note-white{right:5%}.note-lime{left:5%}.note-purple{top:45%;left:23%}.canvas-bottomline>span{display:none}.canvas-bottomline{justify-content:flex-end}.team-grid{gap:16px}.identity-card{height:480px}.card-front,.card-back{padding:16px}.member-heading>h3{font-size:23px}.member-signature{font-size:24px}.card-topline{letter-spacing:.5px;font-size:8px}.card-back>p{font-size:14px}.back-mark{margin-bottom:10px}.card-back>h3{font-size:24px}.skill-tags>span{font-size:10px}.contact-orb{width:145px;height:145px;margin-right:0}.footer-top{gap:25px}.case-cover{height:510px}.case-cover .orbit-main>h3{font-size:22px}.case-cover .stat-row{margin-top:15px}.case-cover .stat-row>div{padding:10px}.case-cover .stat-row strong{font-size:25px}.case-cover .bar-chart{height:75px}.case-cover .forma-title{font-size:75px}.case-cover .elsewhere-title{font-size:85px}.case-cover .relay-chat{padding:25px;left:13%;right:13%}.case-cover .task-line,.case-cover .chat-response p{font-size:13px}.case-cover .chat-response b{font-size:17px}.case-cover .chat-user,.case-cover .chat-input{font-size:12px}.case-story{grid-template-columns:1fr 4fr;gap:30px}}@media (max-width:760px){.studio-columns{grid-template-columns:1fr;gap:38px;margin-top:30px}.studio-description{font-size:17px}.studio-secondary{font-size:15px}.studio-canvas{min-height:380px}.desk-note{width:165px;height:175px}.note-lime{top:4%;left:9%}.note-white{top:22%;right:6%}.note-purple{top:42%;left:23%}.canvas-topline{font-size:8px}.canvas-bottomline>span{max-width:120px;font-size:6px;line-height:1.5;display:block}.canvas-bottomline{justify-content:space-between}.capabilities{flex-wrap:wrap;justify-content:flex-start;gap:10px;margin-top:42px;padding-top:25px;font-size:12px}.capabilities>svg{width:15px;height:15px;margin:0 4px}.capabilities>svg:last-child{display:none}.team-intro{margin:30px 0 25px;display:block}.handwritten{font-size:16px;display:block}.team-hint{margin-top:18px;font-size:9px;display:block}.team-grid{grid-template-columns:1fr;gap:24px}.identity-card{width:100%;max-width:450px;height:550px;margin:auto}.card-front,.card-back{padding:22px}.card-topline{font-size:10px}.member-heading>h3{font-size:29px}.member-signature{font-size:32px}.member-role{font-size:15px}.flip-button{font-size:14px}.back-mark{margin:10px 0 25px;font-size:62px}.card-back>h3{font-size:32px}.card-back>p{font-size:16px;line-height:1.7}.skill-tags>span{font-size:12px}.member-projects>span{font-size:10px}.member-projects>a{padding:11px 0;font-size:17px}.contact-section{padding-top:30px;padding-bottom:35px}.contact-small{display:none}.contact-topline{font-size:10px}.contact-main{gap:15px;padding:35px 0}.contact-main h2{font-size:12vw}.contact-orb{flex-shrink:0;gap:6px;width:85px;height:85px}.contact-orb>svg{width:31px;height:31px}.contact-orb>span{letter-spacing:0;font-size:5px}.contact-bottom{display:block}.contact-bottom>p{font-size:14px}.contact-text{gap:30px;margin-top:20px;font-size:16px}.contact-dialog{padding:24px}.contact-dialog h2{font-size:40px}.site-footer{padding-top:32px}.footer-top{flex-wrap:wrap;justify-content:space-between;gap:25px}.footer-top>.brand{width:100%}.footer-top>p{display:none}.footer-top>span{font-size:12px}.footer-bottom{flex-wrap:wrap;gap:15px;font-size:10px}.footer-bottom>span:nth-child(2){display:none}.case-intro{padding-top:30px}.case-heading{margin-top:30px;display:block}.case-heading h1{font-size:20vw}.case-heading h1>span{margin-top:10px;font-size:20px}.case-badge{margin:20px 0 0;font-size:9px;display:block}.case-subtitle{margin:22px 0 30px;font-size:25px;line-height:1.3}.case-meta{grid-template-columns:1fr 1fr;gap:23px;font-size:12px}.case-meta>span:first-child{grid-column:1/-1}.case-meta small{font-size:9px}.case-cover{aspect-ratio:1.15;height:auto}.case-cover .project-art{min-height:100%}.case-cover .orbit-screen{width:90%;height:67%;top:23%;left:6%}.case-cover .art-corner,.case-cover .relay-wordmark{margin:0;font-size:26px}.case-cover .orbit-sidebar{gap:12px;padding:15px 8px;font-size:6px}.case-cover .orbit-sidebar>b{font-size:25px}.case-cover .orbit-main{padding:12px}.case-cover .orbit-main>h3{margin-top:10px;font-size:12px}.case-cover .orbit-main>p{font-size:7px}.case-cover .orbit-top{font-size:6px}.case-cover .stat-row{gap:8px;margin-top:10px}.case-cover .stat-row>div{padding:6px}.case-cover .stat-row span{font-size:6px}.case-cover .stat-row strong{font-size:15px}.case-cover .stat-row small{font-size:5px}.case-cover .chart-heading{margin:12px 0 8px;font-size:7px}.case-cover .chart-heading>span{font-size:6px}.case-cover .bar-chart{gap:5px;height:45px}.case-cover .chart-labels{font-size:5px}.case-cover .forma-sheet{height:91%;padding:15px 20px}.case-cover .forma-nav>b{font-size:22px}.case-cover .forma-nav>span{font-size:6px}.case-cover .forma-title{margin-top:20px;font-size:9vw}.case-cover .forma-bottom{font-size:8px;bottom:20px;left:20px;right:20px}.case-cover .forma-graphic>span{font-size:10px}.case-cover .elsewhere-title{font-size:12vw;left:7%}.case-cover .elsewhere-nav>b{font-size:22px}.case-cover .elsewhere-nav>span{font-size:7px}.case-cover .elsewhere-bottom{font-size:9px;bottom:30px}.case-cover .relay-chat{padding:16px;top:22%;left:8%;right:8%}.case-cover .chat-user{font-size:8px}.case-cover .chat-response{gap:10px;margin-top:14px}.case-cover .relay-avatar{font-size:24px}.case-cover .chat-response b{font-size:11px}.case-cover .chat-response p{font-size:9px}.case-cover .task-line{margin-top:8px;font-size:9px}.case-cover .chat-input{margin-top:13px;padding:9px;font-size:8px}.case-story{grid-template-columns:1fr;gap:25px}.case-story h2{letter-spacing:-1px;font-size:30px}.story-columns{grid-template-columns:1fr;gap:30px;margin-top:35px}.story-columns p{font-size:16px}.case-deliverables p{gap:15px;font-size:14px}.case-team>a{width:100%}.next-project{padding-top:30px;padding-bottom:40px}.next-project>strong{font-size:16vw}.next-project svg{width:40px;height:40px}.credits-page h1{font-size:42px}.not-found{gap:22px}}@media (prefers-reduced-motion:reduce){.card-inner{transition:none}.identity-card.is-flipped .card-inner{transform:none}.card-back{visibility:hidden;transform:none}.identity-card.is-flipped .card-front{visibility:hidden}.identity-card.is-flipped .card-back{visibility:visible}.desk-note{cursor:default}}.route-transition{animation:route-fade-in .45s var(--ease) both}@keyframes route-fade-in{0%{opacity:0}to{opacity:1}}html[lang=zh-Hans] .hero h1,html[lang=zh-Hans] .contact-main h2,html[lang=zh-Hans] .case-heading h1,html[lang=zh-Hans] .section-heading h2{letter-spacing:-.04em}html[lang=zh-Hans] .hero-sticker>span,html[lang=zh-Hans] .lang-switch{letter-spacing:0}