@font-face{font-family:DM Sans;src:url(/fonts/dm-sans-400.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:DM Sans;src:url(/fonts/dm-sans-600.ttf)format("truetype");font-weight:600;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-plex-mono-400.ttf)format("truetype");font-weight:400;font-display:swap}:root{--paper:#fafbfc;--ink:#202631;--muted:#69717e;--line:#e2e6ec;--accent:#356cad;--mono:"IBM Plex Mono",monospace;--body:"DM Sans","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;color:var(--ink);background:var(--paper);font-family:var(--body);font-synthesis:none;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,select{font:inherit;color:inherit}button,summary,select{cursor:pointer}button{background:0 0}button,a,summary,select{-webkit-tap-highlight-color:transparent}h1,h2,h3,p,figure{margin:0}button,select{border:0}svg{width:100%;display:block}img{width:100%;height:auto;display:block}[hidden]{display:none!important}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{background:var(--ink);color:var(--paper);z-index:100;border-radius:12px;padding:12px 18px;position:fixed;top:-100px;left:20px}.skip:focus{top:12px}section[id]{scroll-margin-top:130px}.site-header{z-index:15;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#f0f2f4c9;border:1px solid #fff9;border-radius:21px;justify-content:space-between;align-items:center;gap:26px;width:min(700px,100% - 64px);height:62px;padding:0 22px;display:flex;position:fixed;top:26px;left:50%;transform:translate(-50%);box-shadow:0 3px 20px #1c294005}.wordmark{letter-spacing:-1px;white-space:nowrap;align-items:center;gap:6px;font-size:21px;font-weight:600;display:inline-flex}.brand-dot{background:var(--accent);border-radius:50%;width:4px;height:4px;margin-top:9px}nav{align-items:center;gap:28px;font-size:12px;display:flex}nav a{padding:13px 0}nav a:hover,.social-links a:hover,.sources a:hover{color:var(--accent)}.locale-picker{flex:none;align-items:center;display:inline-flex}.locale-picker select{background:0 0;border-radius:0;max-width:118px;padding:10px 20px 10px 3px;font-size:11px}.locale-picker option{background:var(--paper);color:var(--ink)}.hero{isolation:isolate;background:radial-gradient(at 71% 49%,#e5ebf345 0%,#fafbfc00 44%),linear-gradient(#fff 0%,#fafbfc 100%);align-items:center;height:100svh;min-height:780px;max-height:1120px;padding:140px max(6vw,50vw - 720px) 110px;display:flex;position:relative;overflow:hidden}.hero-copy{z-index:2;width:50%;position:relative}.eyebrow{font:9px/1.7 var(--mono);letter-spacing:1.4px;text-transform:uppercase;color:var(--muted)}.hero h1{letter-spacing:-.07em;white-space:nowrap;margin:26px 0 28px;font-size:clamp(60px,6.7vw,100px);font-weight:400;line-height:1.01;animation:.9s cubic-bezier(.2,.7,.2,1) both enter-copy}.hero h1 span{color:#737c89}.hero-bottom{animation:1.1s cubic-bezier(.2,.7,.2,1) both enter-copy;display:block}.hero-bottom p{color:#58616f;font-size:16px;line-height:1.9}.work-link{color:#495970;border:1px solid #ced7e4;border-radius:25px;align-items:center;gap:45px;margin-top:31px;padding:10px 15px;font-size:12px;transition:background .25s;display:inline-flex}.work-link span{font-size:18px;line-height:1;transition:transform .25s}.work-link:hover{background:#e9eef5}.work-link:hover span{transform:translateY(3px)}.hero-object{z-index:1;width:64%;height:min(84vw,880px);max-height:88%;animation:1.4s both field-in;position:absolute;top:49%;right:-3%;transform:translateY(-50%)}.hero-field{z-index:1;position:absolute;inset:0;overflow:hidden}.hero-field canvas,.field-static{width:100%;height:100%;position:absolute;inset:0}.hero-field[data-state=ready] .field-static{visibility:hidden}.field-static{opacity:.75}.field-shadow{filter:blur(16px);background:radial-gradient(#344e722e 0%,#566d8b0c 40%,#0000 70%);height:6%;position:absolute;bottom:12%;left:17%;right:13%;transform:rotate(-3deg)}.scene-error{text-align:center;color:var(--muted);font-size:10px;line-height:1.7;position:absolute;bottom:5%;left:10%;right:10%}.hero-register{font:8px var(--mono);letter-spacing:1px;color:#808996;justify-content:space-between;display:flex;position:absolute;bottom:36px;left:max(6vw,50vw - 720px);right:max(6vw,50vw - 720px)}.register-dot{vertical-align:middle;background:#7c94b0;border-radius:50%;width:4px;height:4px;margin-left:10px;display:inline-block}.work-section{background:#fff;padding:116px max(6vw,50vw - 720px) 110px}.section-heading{grid-template-columns:1.15fr 1fr;align-items:end;gap:10%;margin-bottom:50px;display:grid}.section-heading h2{letter-spacing:-.045em;margin-top:21px;font-size:clamp(32px,3.5vw,54px);font-weight:400;line-height:1.4}.section-heading>p{color:var(--muted);max-width:460px;font-size:14px;line-height:2}.work-tools{justify-content:space-between;align-items:center;gap:20px;margin-bottom:47px;display:flex}.filters{background:#f1f3f5;border-radius:30px;flex-wrap:wrap;gap:6px;padding:5px;display:flex}.filters button{border-radius:22px;padding:10px 17px;font-size:11px;transition:background .2s,color .2s}.filters button[aria-pressed=true]{color:#243751;background:#fff;box-shadow:0 1px 6px #20395509}.filters button:hover{background:#fff9}.work-count{font:9px var(--mono);white-space:nowrap;color:var(--muted)}.work-count b{font-weight:400}.featured-projects{grid-template-columns:1fr 1fr;gap:44px 30px;display:grid}.project{min-width:0}.project summary{outline-offset:7px;list-style:none;position:relative}.project summary::-webkit-details-marker{display:none}.featured:first-child{grid-column:1/-1}.featured:first-child summary{background:#f5f7fa;border-radius:28px;grid-template-columns:1.3fr 1fr;align-items:center;gap:40px;min-height:360px;padding:26px 38px 26px 0;display:grid;overflow:hidden}.featured:first-child .project-art{background:0 0}.featured:first-child .project-caption{padding-right:5px}.project-art{color:#7f96b5;background:#f4f6f9;border-radius:24px;position:relative;overflow:hidden}.art{width:100%;height:320px;transition:transform .7s cubic-bezier(.2,.7,.2,1)}summary:hover .art{transform:scale(1.025)}.featured:nth-child(3) .project-art{color:#bbc8db;background:#1d2229}.art-code,.art-index{font:8px var(--mono);letter-spacing:1.1px;color:#8190a4;position:absolute;top:24px}.art-code{left:26px}.art-index{right:26px}.featured:nth-child(3) .art-code,.featured:nth-child(3) .art-index{color:#9aa9bd}.project-caption{padding:23px 2px 9px}.project-name{color:#616d7d;overflow-wrap:anywhere;font-size:12px;display:block}.project summary h3{letter-spacing:-.045em;text-wrap:balance;margin-top:12px;padding-right:34px;font-size:clamp(23px,2.4vw,34px);font-weight:400;line-height:1.5}.project-caption p{color:var(--muted);max-width:520px;margin-top:14px;font-size:12px;line-height:1.95}.project-stack{font:8px/1.8 var(--mono);color:#8992a0;margin-top:19px;display:block}.open-icon{color:#7a90ae;border:1px solid #d8e1ed;border-radius:50%;place-items:center;width:30px;height:30px;font-size:19px;transition:background .25s,transform .25s;display:grid;position:absolute;bottom:9px;right:2px}.featured:first-child .open-icon{bottom:25px;right:30px}.project summary:hover .open-icon{background:#e9eff7;transform:translate(1px,-1px)}.project-index{grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 28px;margin-top:75px;display:grid}.indexed .art{height:240px}.indexed .project-art{border-radius:21px}.indexed .project-caption{padding-top:20px}.indexed summary h3{margin-top:10px;font-size:22px}.indexed .project-caption p{margin-top:10px;font-size:11px}.indexed .art-code{font-size:7px;top:19px;left:22px}.indexed .art-index{font-size:7px;top:19px;right:22px}.indexed .project-stack{margin-top:16px;font-size:7px}.about-section{background:#f2f4f7;padding:110px max(6vw,50vw - 720px) 120px}.about-grid{grid-template-columns:1.15fr 1fr;gap:10%;margin-top:37px;display:grid}.about-grid h2{letter-spacing:-.055em;max-width:620px;font-size:clamp(34px,4vw,58px);font-weight:400;line-height:1.45}.approach-copy{color:#4e596a;font-size:15px;line-height:2.1}.bio{color:var(--muted);margin-top:27px;font-size:11px;line-height:2}.social-links{flex-wrap:wrap;gap:22px;margin-top:31px;font-size:11px;display:flex}.social-links a{padding:8px 0}footer{background:#f2f4f7;border-top:1px solid #e4e8ef;justify-content:space-between;align-items:center;gap:25px;padding:31px max(6vw,50vw - 720px);display:flex}footer>span{font:8px var(--mono);letter-spacing:.6px;color:var(--muted)}footer>a:last-child{font-size:11px}.detail-open{overflow:hidden}.popup-shade{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;background:#28344733;animation:.25s both shade-in;position:fixed;inset:0}.project-panel{z-index:21;background:#fcfdfe;border:1px solid #fff;border-radius:23px;outline:none;flex-direction:column;width:min(850px,100vw - 44px);max-height:calc(100svh - 48px);animation:.32s cubic-bezier(.16,.8,.2,1) both panel-in;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 30px 100px #1c2e4924}.panel-header{border-bottom:1px solid var(--line);background:#fcfdfe;flex:none;justify-content:space-between;align-items:flex-start;gap:18px;padding:25px 30px 23px;display:flex}.panel-header h2{letter-spacing:-.045em;margin-top:7px;font-size:25px;font-weight:400;line-height:1.5}.panel-controls{align-items:center;gap:10px;display:flex}.panel-controls .locale-picker select{max-width:100px;font-size:10px}.close{background:#edf1f6;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:25px;line-height:1;display:grid}.close:hover{background:#dbe4f1}.panel-body{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;padding:26px 30px 30px;overflow-y:auto}.product-concept{letter-spacing:-.02em;color:#465268;max-width:690px;margin-bottom:27px;font-size:18px;line-height:1.95}.layer-heading{align-items:center;gap:13px;margin-bottom:18px;display:flex}.layer-heading>span{font:9px var(--mono);color:#6f819b}.layer-heading h3{letter-spacing:0;margin:0;padding:0;font-size:13px;font-weight:600}.ownership{color:#6c7788;flex-wrap:wrap;gap:21px;margin-bottom:14px;font-size:9px;display:flex}.ownership>span{align-items:center;gap:7px;display:flex}.ownership i{border:1px solid #becbdd;border-radius:2px;width:8px;height:8px;display:block}.ownership .own{background:#d8e5f7;border-color:#88a6cf}.ownership .app{background:#fff}.ownership .external{background:#e8ecf1}.diagram{height:var(--diagram-height);background:#f3f6fa;border:1px solid #e6ecf4;border-radius:13px;position:relative}.diagram>svg{width:100%;height:100%;overflow:visible}.edge{fill:none;stroke:#8d9db2;stroke-width:1.25px;color:#8d9db2}.edge.dependency{stroke-dasharray:4 4}.edge.feedback{stroke:#5180b8;color:#5180b8}.edge.optional{stroke-dasharray:2 5}.node{left:var(--x);top:var(--y);width:var(--w);background:#fff;border:1px solid #c3d0e2;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:4px;height:48px;padding:5px 4px;line-height:1.2;display:flex;position:absolute}.node>span{font:11px/1.2 var(--mono);overflow-wrap:anywhere;color:#3e4d61}.node>small{color:#6e7e94;font-size:9px;line-height:1.2}.node.own{background:#e4edf9;border-color:#a7bddb}.node.external{background:#edf0f5;border-color:#c8d2df}.node[aria-pressed=true]{background:#f0f5fc;border:1px solid #4876b1;box-shadow:0 0 0 2px #4876b114}.node:hover{background:#f5f8fc}.edge-key{color:var(--muted);flex-wrap:wrap;gap:20px;padding:13px 0;font-size:9px;display:flex}.edge-key>span{align-items:center;gap:7px;display:flex}.edge-key i{border-top:1px solid #8d9db2;width:22px;height:0}.edge-key .dependency{border-top-style:dashed}.edge-key .feedback{border-color:#5180b8}.edge-key .optional{border-top-style:dotted}.node-hint{color:var(--muted);margin:3px 0 12px;font-size:10px}.node-reading{background:#f3f6fa;border-radius:11px;min-height:65px;padding:14px 16px}.node-reading strong{font:11px var(--mono);color:#3b4f6d;margin-left:12px}.owner-label{color:#617ca0;font-size:9px}.node-reading p{margin-top:6px;font-size:12px;line-height:1.8}.connections{display:none}.panel-lede{color:#5d6879;margin:20px 0 10px;font-size:12px;line-height:1.95}.terminal-connector{justify-content:center;margin:16px 0;display:flex}.terminal-connector span{color:#829ab9;font-size:22px}.benefit-layer{border-top:1px solid var(--line);padding:23px 0 0}.outcome-row{grid-template-columns:1fr 190px;align-items:center;gap:34px;display:grid}.outcome-copy{color:#4b5870;max-width:430px;font-size:15px;line-height:1.95}.benefit-layer figure{position:relative}.benefit-layer img{aspect-ratio:1.5;object-fit:cover;object-position:center 38%;background:#e9edf3;border-radius:10px}.scenario-note{color:var(--muted);margin-top:13px;font-size:9px;line-height:1.7}.image-error{color:#58708e;background:#f0f4fa;border:1px dashed #b5c5dc;border-radius:10px;padding:22px 15px;font-size:11px;line-height:1.8}.scope{border-top:1px solid var(--line);color:var(--muted);margin-top:25px;padding-top:17px;font-size:11px;line-height:1.9}.scope strong{color:#48556b;font-weight:600}.scope p{margin-top:5px}.sources{gap:25px;margin-top:19px;font-size:11px;display:flex}.sources a{color:#54739b;padding:7px 0}html:not(.enhanced) .work-tools,html:not(.enhanced) .locale-picker,html:not(.enhanced) .close,html:not(.enhanced) .node-hint{display:none}html:not(.enhanced) .project-panel{width:100%;max-height:none;box-shadow:none;margin-top:20px;animation:none;position:static;transform:none}html:not(.enhanced) .popup-shade{display:none}html:not(.enhanced) .panel-body{overflow:visible}html:not(.enhanced) .node-reading{display:none}html:not(.enhanced) .node{pointer-events:none}html:not(.enhanced) .connections{padding-left:15px;font-size:10px;line-height:2;display:block}@keyframes enter-copy{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes field-in{0%{opacity:0}to{opacity:1}}@keyframes shade-in{0%{opacity:0}to{opacity:1}}@keyframes panel-in{0%{opacity:0;transform:translate(-50%,-48%)scale(.98)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (width<=1100px){.hero{min-height:700px}.hero h1{font-size:7.7vw}.hero-object{width:64%;right:-3%}.project-index{grid-template-columns:1fr 1fr}.featured:first-child summary{gap:20px;padding-right:26px}.featured:first-child summary h3{font-size:28px}.art{height:290px}.indexed .art{height:270px}.section-heading,.about-grid{gap:6%}.project summary h3{font-size:25px}.indexed summary h3{font-size:22px}}@media (width<=750px){.site-header{gap:15px;width:calc(100% - 32px);max-width:550px;height:58px;padding:0 18px;top:16px}.wordmark{font-size:19px}nav{gap:22px;font-size:11px}nav>a:last-child{display:none}.locale-picker select{max-width:86px;padding-right:16px;font-size:10px}.hero{align-items:flex-start;height:850px;min-height:0;max-height:none;padding:157px 7vw 80px}.hero-copy{width:100%}.hero h1{margin:22px 0 21px;font-size:clamp(53px,10.4vw,78px);line-height:1.03}.hero .eyebrow{font-size:8px}.hero-bottom p{font-size:14px}.work-link{gap:34px;margin-top:21px;font-size:11px}.hero-object{width:106%;height:445px;max-height:none;top:auto;bottom:36px;right:-3%;transform:none}.field-shadow{bottom:7%}.scene-error{font-size:9px;bottom:0}.hero-register{letter-spacing:.6px;font-size:7px;bottom:24px;left:7vw;right:7vw}.hero-register>span:first-child{max-width:60%;line-height:1.9}.work-section{padding:75px 7vw 85px}.section-heading{margin-bottom:30px;display:block}.section-heading h2{margin-top:18px;font-size:32px}.section-heading>p{max-width:360px;margin-top:20px;font-size:12px;line-height:2}.work-tools{margin-bottom:35px;display:block}.filters{border-radius:23px;gap:2px;padding:4px;display:inline-flex}.filters button{padding:9px 12px;font-size:10px}.work-count{margin-top:17px;font-size:8px;display:block}.featured-projects{display:block}.featured{margin-bottom:36px}.featured:first-child summary{background:0 0;border-radius:0;min-height:0;padding:0;display:block}.featured:first-child .project-art{background:#f4f6f9;border-radius:22px}.featured:first-child .project-caption{padding:20px 2px 9px}.featured:first-child .open-icon{bottom:9px;right:2px}.art{height:260px}.project summary h3,.featured:first-child summary h3{font-size:25px}.project-caption p{font-size:12px}.project-index{margin-top:52px;display:block}.indexed{margin-top:32px}.indexed .art{height:240px}.indexed summary h3{font-size:24px}.indexed .project-caption p{font-size:12px}.indexed .project-stack{font-size:8px}.about-section{padding:75px 7vw 85px}.about-grid{margin-top:27px;display:block}.about-grid h2{max-width:410px;font-size:36px}.approach-copy{margin-top:28px;font-size:14px;line-height:2.1}.bio{font-size:11px}.social-links{gap:22px;font-size:10px}footer{flex-wrap:wrap;gap:19px;padding:27px 7vw}footer>span{order:3;width:100%;font-size:7px}.project-panel{border-radius:17px;width:calc(100vw - 20px);max-height:calc(100svh - 24px)}.panel-header{padding:18px 17px;display:block;position:relative}.panel-header .eyebrow{overflow-wrap:anywhere;max-width:calc(100% - 128px);min-height:29px;font-size:8px;display:block}.panel-header h2{margin-top:9px;font-size:20px}.panel-controls{gap:6px;position:absolute;top:14px;right:14px}.close{width:34px;height:34px;font-size:23px}.panel-controls .locale-picker select{max-width:77px;padding:5px 12px 5px 3px;font-size:9px}.panel-body{padding:22px 17px}.product-concept{margin-bottom:23px;font-size:15px;line-height:1.95}.panel-lede{font-size:11px}.ownership{gap:12px;font-size:8px;line-height:1.8}.ownership i{width:7px;height:7px}.diagram{grid-template-columns:1fr 1fr;gap:12px;height:auto;padding:14px 12px;display:grid}.diagram>svg{display:none}.node{gap:6px;width:100%;height:auto;min-height:58px;padding:9px 6px;position:static}.node>span{font-size:11px}.node>small{font-size:9px}.edge-key{display:none}.connections{border-top:1px solid var(--line);margin:15px 0 0;padding:0;list-style:none;display:block}.connections li{border-bottom:1px solid var(--line);font:8px/1.5 var(--mono);overflow-wrap:anywhere;grid-template-columns:1fr 15px 1fr;align-items:center;gap:5px;padding:7px 0;display:grid}.connections li>small{font:8px var(--body);color:var(--muted);grid-column:1/-1}.connections li>b{color:var(--accent);font-weight:400}.node-hint{margin:13px 0 10px;font-size:9px;line-height:1.8}.node-reading strong{margin:5px 0;display:block}.node-reading p{font-size:11px}.layer-heading h3{font-size:12px}.outcome-row{grid-template-columns:1fr;gap:15px}.outcome-row figure{width:min(190px,100%)}.outcome-copy{font-size:13px}.scenario-note{font-size:8px}.scope,.sources{font-size:10px}}@media (width<=400px){.site-header{border-radius:17px;gap:10px;width:calc(100% - 24px);height:55px;padding:0 13px}.wordmark{font-size:18px}nav{gap:15px;font-size:10px}.locale-picker select{max-width:72px;padding-right:9px;font-size:9px}.hero{height:790px;padding-top:144px}.hero h1{font-size:14.8vw}.hero-object{width:110%;height:360px;bottom:44px;right:-5%}.hero-register{font-size:6px}.filters{border-radius:15px;max-width:100%}.filters button{padding:8px 9px;font-size:9px}.section-heading h2{font-size:29px}.art{height:235px}.indexed .art{height:220px}.art-code{font-size:7px;top:20px;left:20px}.art-index{font-size:7px;top:20px;right:20px}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.hero-field canvas{cursor:crosshair}@media (width<=750px){.scene-error{background:#fafbfce6;bottom:12%}}.project-films{justify-content:center;align-items:flex-start;gap:20px;margin:0 0 32px;display:flex}.project-film{flex:1;min-width:0;margin:0}.project-film.portrait{max-width:210px}.project-film.landscape{max-width:100%}.project-film video{aspect-ratio:16/9;object-fit:contain;background:#101416;border:1px solid #dfe5ed;border-radius:12px;width:100%;height:auto;display:block}.project-film.portrait video{aspect-ratio:9/16}.project-film figcaption{color:#5d6879;margin-top:10px;font-size:11px;line-height:1.6}.video-error{color:#5d6879;margin-top:10px;font-size:11px;line-height:1.8}.video-error a{color:#416c9f;text-underline-offset:3px;text-decoration:underline}.outcome-row.text-only{grid-template-columns:1fr}.outcome-row.text-only .outcome-copy{max-width:100%}@media (width<=450px){.project-films{flex-direction:column;align-items:center;gap:22px}.project-film{flex:none;width:100%}.project-film.portrait{max-width:210px}.project-film figcaption{font-size:10px}}body{overflow-x:clip}#page :is(.skip,.site-header,.hero-copy,.hero-object,.hero-register,.section-heading,.work-tools,.project>summary,.project-panel,.about-section,footer){translate:var(--beat-x,0px) var(--beat-y,0px)}@media (prefers-reduced-motion:reduce){#page :is(.skip,.site-header,.hero-copy,.hero-object,.hero-register,.section-heading,.work-tools,.project>summary,.project-panel,.about-section,footer){translate:0}}.project-principle{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 0 28px;padding:20px 0 23px}.project-principle h3{letter-spacing:-.02em;margin:0 0 12px;font-size:16px;font-weight:500;line-height:1.65}.project-principle p{color:#4b5870;overflow-wrap:anywhere;max-width:700px;font-size:13px;line-height:1.95}.project-principle a{color:#54739b;overflow-wrap:anywhere;margin-top:12px;font-size:10px;line-height:1.8;display:inline-block}.project-principle a:hover{text-decoration:underline}@media (width<=750px){.project-principle{margin-bottom:23px;padding:17px 0 20px}.project-principle h3{font-size:14px}.project-principle p{font-size:12px}.project-principle a{font-size:9px}}