@font-face{font-family:plex;src:url(../media/IBMPlexMono_Regular-s.p.1jnzlox2328uq.ttf)format("truetype");font-display:swap}@font-face{font-family:plex Fallback;src:local(Arial);ascent-override:77.95%;descent-override:20.91%;line-gap-override:0.0%;size-adjust:131.49%}.plex_8ca8efec-module__Ulx7iG__className{font-family:plex,plex Fallback}.plex_8ca8efec-module__Ulx7iG__variable{--font-plex:"plex", "plex Fallback"}
:root{--background:#bfbfbf;--ink:#262626;--quiet:#5e5e5e;--media-radius-x:3.33333%;--media-radius-y:5.92593%;--media-radius:var(--media-radius-x) / var(--media-radius-y);--accent-charcoal:#292929;--accent-blue:#3564db;--accent-pink:#aa398c;--accent-ochre:#8a651c;--accent-green:#328248;--accent-orange:#bd633a;--accent-purple:#7653b1}*{box-sizing:border-box}html{scrollbar-gutter:stable;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#909090 var(--background)}body{background:var(--background);color:var(--ink);font-family:var(--font-plex), monospace;-webkit-font-smoothing:antialiased;margin:0;font-size:13px}button,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:1px solid var(--ink);outline-offset:7px}::selection{color:#eee;background:#292929}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--background);padding:12px;position:fixed;top:-100px;left:80px}.skip-link:focus{top:20px}.site-header{z-index:20;pointer-events:none;justify-content:space-between;align-items:flex-start;padding:25px 30px;display:flex;position:fixed;inset:0 0 auto}.site-header>*{pointer-events:auto}.site-intro{text-align:left;flex-direction:column;gap:4px;max-width:calc(100% - 95px);font-size:13px;line-height:1.8;display:flex}.site-intro-description{color:var(--quiet)}.site-identity{max-width:calc(100% - 95px)}.site-identity .site-intro{max-width:none}.contact-icons{gap:4px;margin-top:8px;margin-left:-4px;display:flex}.contact-icon{width:26px;height:28px;color:var(--quiet);cursor:pointer;place-items:center;display:grid;position:relative}.contact-icon svg{width:15px;height:15px}.contact-icon:hover,.contact-icon:focus-visible{color:var(--ink)}.contact-tooltip{background:var(--ink);color:var(--background);white-space:nowrap;opacity:0;pointer-events:none;padding:3px 6px;font-size:10px;transition:opacity .15s;position:absolute;top:calc(100% + 4px);left:0}.contact-icon:hover .contact-tooltip,.contact-icon:focus-visible .contact-tooltip{opacity:1}.about-trigger{padding:4px 0 8px 10px;font-size:13px;display:grid}.nav-label{text-align:right;grid-area:1/1;transition:opacity .4s,transform .4s cubic-bezier(.22,1,.36,1)}.nav-label-close{opacity:0;transform:translateY(12px)}.about-trigger[data-projects-open=true] .nav-label-projects{opacity:0;transform:translateY(-12px)}.about-trigger[data-projects-open=true] .nav-label-close{opacity:1;transform:translateY(0)}.about-trigger:hover{text-underline-offset:5px;text-decoration:underline}.work-canvas{min-height:100vh}.project-walk{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:70px 55px;max-width:1280px;margin:0 auto;padding:150px 60px 90px;display:grid}.work-object{min-width:0;margin:0;scroll-margin-top:100px}.work-object>a{display:block}.project-art{width:100%;position:relative;overflow:hidden;container-type:inline-size}.project-art,.browser-object,.case-photograph img,.pyre-figure img,.sophon-home-figure img,.sophon-account-figure img,.sophon-os-figure img{border-radius:var(--media-radius)}.project-preview{position:relative}.project-hover-frame{--frame-color:var(--accent-blue);z-index:2;border:1px solid var(--frame-color);border-radius:calc(var(--media-radius-x) + 10px) / calc(var(--media-radius-y) + 10px);opacity:0;pointer-events:none;transition:opacity .12s;position:absolute;inset:-10px}.project-hover-title,.project-hover-company{background:var(--frame-color);color:#fff;white-space:nowrap;padding:3px 8px 4px;font-size:clamp(11px,1.1vw,15px);line-height:1.25;position:absolute}.project-hover-title{bottom:100%;left:-1px}.project-hover-company{top:100%;right:-1px}.work-object>a:focus-visible .project-hover-frame{opacity:1}@media (hover:hover) and (pointer:fine){.project-preview:hover .project-hover-frame{opacity:1}}.canvas-note{z-index:10;pointer-events:none;justify-content:flex-end;font-size:10px;display:flex;position:fixed;bottom:24px;left:30px;right:30px}.canvas-note>span{background:#bfbfbfe8;padding:3px 0}.canvas-note-label{white-space:pre;align-items:center;display:inline-flex}.canvas-note-arrow{padding-left:18px}.project-year{font-variant-numeric:tabular-nums;width:7ch;height:1.6em;display:inline-block;overflow:hidden}.project-year-track{transition:transform .46s cubic-bezier(.22,1,.36,1);display:block}.project-year-value{height:1.6em;line-height:1.6;display:block}.canvas-end{color:var(--quiet);flex-direction:column;align-items:center;gap:20px;padding:0 30px 150px;font-size:11px;display:flex}.canvas-end a:hover{color:var(--ink)}.art-fieldnotes{padding:0;overflow:visible}.browser-object{background:#e9e9e6;overflow:hidden;box-shadow:0 4px 15px #00000024,0 0 2px #fff}.browser-chrome{color:#8c8c8c;background:#eee;justify-content:space-between;align-items:center;height:5.5cqw;padding:0 2cqw;font-size:1.4cqw;display:flex}.browser-chrome>span:first-child{color:#b69b87;letter-spacing:.5cqw;font-size:1.2cqw}.garden-page{background:#edece4;padding:4cqw}.garden-nav{justify-content:space-between;align-items:baseline;font-size:3cqw;display:flex}.garden-nav>span:first-child{font-family:Georgia,serif}.garden-nav>span:last-child{color:#777d6e;font-size:1.3cqw}.garden-intro{justify-content:space-between;align-items:center;margin:6cqw 0 4cqw;display:flex}.garden-intro>span:first-child{letter-spacing:-.2cqw;font-family:Georgia,serif;font-size:6cqw}.garden-intro>span:last-child{color:#777d6e;font-size:1.4cqw;line-height:1.6}.garden-grid{grid-template-columns:1.2fr 1fr;gap:2cqw;display:grid}.garden-photo{height:27cqw;position:relative}.garden-photo img{object-fit:cover;filter:saturate(.5)}.garden-note{background:#d5d6be;flex-direction:column;justify-content:space-between;padding:3cqw;display:flex}.garden-note>span{font-size:1.1cqw}.garden-note p{margin:2cqw 0;font-family:Georgia,serif;font-size:3.7cqw;line-height:1.15}.garden-swatch{color:#e0e1ca;background:#545f49;justify-content:space-between;align-items:flex-end;padding:2.5cqw;font-size:1.5cqw;display:flex}.garden-swatch>span:first-child{font-size:5cqw}.ocean-detail{height:14cqw}.garden-foot{color:#777d6e;justify-content:space-between;margin-top:3cqw;font-size:1.2cqw;display:flex}.art-between{aspect-ratio:1;color:#f4f4f0;background:#080808}.between-symbol{width:68%;height:78%;position:absolute;top:9%;left:14%}.object-fineprint{text-align:center;letter-spacing:.15cqw;width:100%;font-size:1.4cqw;position:absolute;bottom:5%;left:0}.art-terra{aspect-ratio:.8;color:#ece7d7;text-align:center;background:#6c775a}.terra-small{letter-spacing:.4cqw;width:100%;font-size:1.5cqw;position:absolute;top:7%;left:0}.terra-word{letter-spacing:-2.5cqw;width:100%;font-family:Georgia,serif;font-size:32cqw;line-height:1;position:absolute;top:20%}.terra-word sup{font:2.4cqw var(--font-plex);letter-spacing:0;margin-left:1cqw;position:absolute;top:15%}.terra-hills{border-radius:50% 50% 0 0;width:78%;height:34%;position:absolute;top:43%;left:11%;overflow:hidden}.terra-hills i{background:#b6bf98;border-radius:50%;width:110%;height:100%;position:absolute;top:32%;left:-45%;transform:rotate(25deg)}.terra-hills i:nth-child(2){background:#94a17b;top:5%;left:32%}.terra-hills i:nth-child(3){background:#46543e;top:59%;left:-15%}.terra-bottom{width:100%;font-size:2cqw;line-height:1.6;position:absolute;bottom:9%;left:0}.art-closer{aspect-ratio:.82;color:#30332c;background:#c4bfd0;padding:7cqw}.poster-small{letter-spacing:.3cqw;font-size:1.5cqw}.closer-type{letter-spacing:-1.5cqw;margin-top:10cqw;font-family:Georgia,serif;font-size:24cqw;line-height:.94}.closer-star{text-align:right;margin-top:1cqw;font-size:20cqw;line-height:1;display:block}.alternate.art-fieldnotes .garden-grid{direction:rtl}.alternate.art-fieldnotes .garden-grid>*{direction:ltr}.alternate.art-fieldnotes .garden-page{background:#d9dfd0}.alternate.art-between{color:#282828;background:#ecebe5}.alternate.art-between .between-symbol{transform:rotate(90deg)}.alternate.art-terra{color:#526047;background:#e0dac9}.alternate.art-closer{color:#c4bfd0;background:#30332c}.about-page{min-height:100vh}.about-page:before,.about-page:after{content:"";z-index:15;pointer-events:none;height:150px;position:fixed;left:0;right:0}.about-page:before{background:linear-gradient(to bottom, var(--background) 65px, transparent 150px);top:0}.about-page:after{background:linear-gradient(to top, var(--background) 65px, transparent 145px);bottom:0}@media (max-width:600px){.about-page:before,.about-page:after{height:120px}.about-page:before{background:linear-gradient(to bottom, var(--background) 65px, transparent 120px)}.about-page:after{display:none}}.journey{max-width:640px;margin:0 auto;padding:160px 0}.chapter{margin-bottom:38px}.chapter h2{background:var(--chapter-color);color:var(--chapter-label-color,#eee);margin:0;padding:2px 7px;font-size:10px;font-weight:400;line-height:1.6;display:table}.chapter p a{text-decoration:underline;-webkit-text-decoration-color:var(--chapter-color);text-decoration-color:var(--chapter-color);text-underline-offset:3px;text-decoration-thickness:1px;transition:color .15s}.chapter p a:hover,.chapter p a:focus-visible{color:var(--chapter-color)}.chapter p{border:1px solid var(--chapter-color);letter-spacing:-.4px;margin:0;padding:15px 17px 17px;font-size:14px;line-height:1.85}.case-study{max-width:1180px;margin:0 auto;padding:125px 50px 80px}.back-link{color:var(--quiet);font-size:10px}.case-intro{max-width:840px;margin:85px auto 65px}.case-label{color:var(--quiet);font-size:10px}.case-intro h1{letter-spacing:-4px;margin:24px 0 32px;font-size:clamp(36px,5vw,74px);font-weight:400;line-height:1.1}.case-intro h2{letter-spacing:-.6px;max-width:650px;font-size:20px;font-weight:400;line-height:1.5}.case-intro>p{color:#4b4b4b;max-width:680px;font-size:13px;line-height:1.9}.project-facts{grid-template-columns:1fr 1.3fr 1fr;gap:30px;margin:55px 0 0;font-size:10px;line-height:1.7;display:grid}.project-facts dt{color:var(--quiet);margin-bottom:7px}.project-facts dd,figure{margin:0}figcaption{color:var(--quiet);margin-top:15px;font-size:9px;line-height:1.6}.case-hero{max-width:840px;margin:0 auto 110px}.case-hero .art-terra,.case-hero .art-closer,.case-hero .art-between{width:72%;margin:0 auto}.case-hero figcaption{text-align:center}.case-text{grid-template-columns:1fr 3fr;gap:45px;max-width:840px;margin:100px auto;display:grid}.case-text>.case-label{padding-top:8px}.case-text h2{letter-spacing:-1px;margin:0 0 22px;font-size:25px;font-weight:400;line-height:1.5}.case-text p{color:#4b4b4b;font-size:13px;line-height:1.95}.case-photograph img{object-fit:cover;filter:saturate(.55);width:100%;height:auto;max-height:600px;display:block}.case-pair{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}.case-outcome{margin-bottom:140px}.case-text .case-disclaimer{color:var(--quiet);margin-top:28px;font-size:9px}.case-navigation{border-top:1px solid #9f9f9f;justify-content:space-between;padding-top:28px;font-size:12px;display:flex}.case-navigation>a:last-child:not(:first-child){text-align:right;font-size:22px}.case-navigation>a:last-child:not(:first-child) span{color:var(--quiet);margin-bottom:12px;font-size:9px;display:block}@keyframes appear{0%{opacity:0}to{opacity:1}}@media (min-width:1700px){.project-walk{padding-top:160px}}@media (max-width:900px){.project-walk{gap:55px 35px;padding:140px 35px 80px}.journey{width:calc(100% - 100px)}}@media (max-width:600px){.site-header{padding:22px}.site-header:before{content:"";z-index:-1;background:linear-gradient(to bottom, var(--background) 0%, var(--background) 70%, transparent 100%);pointer-events:none;position:absolute;inset:0 0 -32px}.site-intro{font-size:12px}.contact-icons{bottom:calc(18px + env(safe-area-inset-bottom));isolation:isolate;pointer-events:none;justify-content:center;gap:10px;margin:0;position:fixed;left:0;right:0}.contact-icons:before{content:"";z-index:-1;background:linear-gradient(to bottom, transparent, var(--background) 55px);pointer-events:none;position:absolute;inset:-65px 0 -100vh}.contact-icons>.contact-icon{pointer-events:auto}.contact-icon{width:36px;height:36px}.contact-icon svg{width:17px;height:17px}.contact-tooltip{top:auto;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}.about-trigger{font-size:12px}.project-walk{grid-template-columns:1fr;gap:65px;padding:145px 9% 65px}.canvas-note{display:none}.canvas-note-arrow{padding-left:5px}.canvas-end{padding-bottom:calc(140px + env(safe-area-inset-bottom));font-size:9px}.journey{width:calc(100% - 44px);padding-top:125px;padding-bottom:calc(150px + env(safe-area-inset-bottom))}.chapter{margin-bottom:30px}.chapter h2{padding:3px 5px;font-size:8px}.chapter p{letter-spacing:-.3px;padding:13px;font-size:12px;line-height:1.9}.case-study{padding:110px 22px calc(150px + env(safe-area-inset-bottom))}.case-intro{margin-top:60px;margin-bottom:45px}.case-intro h1{letter-spacing:-2px;font-size:38px}.case-intro h2{font-size:17px}.case-intro>p,.case-text p{font-size:12px}.project-facts{grid-template-columns:1fr 1fr;gap:23px}.case-hero{margin-bottom:70px}.case-hero .art-terra,.case-hero .art-closer,.case-hero .art-between{width:100%}.case-text{grid-template-columns:1fr;gap:22px;margin:65px auto}.case-text h2{font-size:21px}.case-pair{grid-template-columns:1fr;gap:24px}.case-pair>figure:last-child{justify-self:end;width:85%}.case-navigation{margin-top:85px}.case-navigation>a:last-child:not(:first-child){font-size:15px}}.art-pyre img,.pyre-figure img,.art-sophon-home img,.sophon-home-figure img,.art-sophon-account img,.sophon-account-figure img{width:100%;height:auto;display:block}.sophon-home-case .project-facts,.sophon-account-case .project-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.sophon-account-figure>a{border-radius:var(--media-radius);display:block}.sophon-account-figure figcaption a{text-underline-offset:3px;text-decoration:underline}.art-sophon-os img,.sophon-os-figure img{width:100%;height:auto;display:block}.project-preview .art-sophon-os img{aspect-ratio:16/9;object-fit:cover;object-position:center}.sophon-os-case .project-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.sophon-os-case .case-text h3{letter-spacing:-.5px;margin:0 0 22px;font-size:18px;font-weight:400;line-height:1.6}.pyre-case .case-intro{margin-top:60px}.pyre-case .case-intro h1{margin-bottom:22px}:is(.pyre-case,.sophon-home-case,.sophon-account-case,.sophon-os-case,.txsync-case) .case-text{align-items:baseline}:is(.pyre-case,.sophon-home-case,.sophon-account-case,.sophon-os-case,.txsync-case) .case-text>.case-label{padding-top:0}:is(.pyre-case,.sophon-home-case,.sophon-account-case,.sophon-os-case,.txsync-case) .case-text>div>p:first-child{margin-top:0}:is(.pyre-case,.sophon-home-case,.sophon-account-case) .case-text p a{text-underline-offset:3px;text-decoration:underline}:is(.sophon-home-case,.sophon-account-case) .case-text p a:hover{color:var(--accent-blue)}.pyre-case .case-text p a:hover{color:var(--accent-pink)}.pyre-figure figcaption{max-width:700px}.pyre-public-links{flex-wrap:wrap;gap:18px 28px;margin-top:28px;font-size:11px;display:flex}.pyre-public-links a{text-underline-offset:5px;text-decoration:underline}.pyre-public-links a:hover{color:var(--accent-pink)}.pyre-lifestyle{max-width:840px;margin:0 auto}:is(.pyre-lifestyle,.sophon-home-figure,.sophon-account-figure,.sophon-os-figure)+.case-navigation,.txsync-case>section+.case-navigation{margin-top:100px}.pyre-closing{margin-bottom:100px}.onboarding-diagram{background:#cacac7;border:1px solid #929292;border-radius:4px;max-width:840px;margin:0 auto 100px;padding:30px;font-size:12px;line-height:1.7}.onboarding-heading{border-bottom:1px solid #aaa;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;margin-bottom:28px;padding-bottom:24px;display:flex}.onboarding-heading h3{letter-spacing:-.5px;margin:0;font-size:16px;font-weight:400}.onboarding-heading>span,.onboarding-kicker,.onboarding-parallel-label{color:#515151;font-size:10px}.onboarding-entry,.onboarding-play,.onboarding-gate,.onboarding-result{flex-direction:column;gap:6px;display:flex}.onboarding-entry{text-align:center;max-width:370px;margin:auto}.onboarding-diagram strong{color:#222;font-weight:400}.onboarding-diagram span:not(.onboarding-kicker),.onboarding-diagram p{overflow-wrap:anywhere}.onboarding-arrow{text-align:center;color:#656565;padding:12px 0;font-size:18px}.onboarding-play{text-align:center;background:#d3c5ce;border:1px solid #956580;padding:20px}.onboarding-parallel-label{text-align:center;padding:20px 0}.onboarding-branches{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.onboarding-branch{border:1px solid #969696;padding:20px}.onboarding-branch h4{margin:12px 0 6px;font-size:14px;font-weight:400}.onboarding-branch p{color:#464646;margin:0}.onboarding-result{border-top:1px solid #aaa;padding-top:14px}.onboarding-result>span{color:#464646}.onboarding-branch .onboarding-fallback{border-top:1px dashed #999;margin-top:16px;padding-top:14px;font-size:11px}.onboarding-join{text-align:center;color:#656565;grid-template-columns:1fr 1fr;padding:12px 0;font-size:18px;display:grid}.onboarding-gate{text-align:center;border:1px solid #777;padding:20px}.wallet-step{text-align:center}.wallet-step h4{margin-top:6px}.wallet-approval{background:#c3ccd6;border-color:#738398}.wallet-cancel{border-top:1px dashed #89939f;flex-direction:column;gap:6px;margin-top:10px;padding-top:14px;font-size:11px;display:flex}.wallet-diagram code{font:inherit;overflow-wrap:anywhere}.onboarding-diagram figcaption{color:#505050;margin-top:22px;font-size:10px}@media (max-width:600px){.onboarding-diagram{margin-bottom:65px;padding:18px}.onboarding-branches{grid-template-columns:1fr;gap:16px}.onboarding-branch{padding:16px}.onboarding-join{display:block}.onboarding-join>span:last-child{display:none}.pyre-case .case-intro{margin-top:45px}.pyre-case .project-facts{grid-template-columns:1fr;gap:20px;margin-top:30px}.pyre-public-links{flex-direction:column;gap:22px}.pyre-closing{margin-bottom:65px}:is(.pyre-lifestyle,.sophon-home-figure,.sophon-account-figure,.sophon-os-figure)+.case-navigation,.txsync-case>section+.case-navigation{margin-top:65px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.art-txsync img,.txsync-figure img{border-radius:var(--media-radius);width:100%;height:auto;display:block}.project-preview .art-txsync img{aspect-ratio:16/9;object-fit:cover;object-position:center}.txsync-figure>a{border-radius:var(--media-radius);display:block}.txsync-monitoring{container-type:inline-size}.txsync-monitoring>a{border-radius:3.33333cqw;overflow:hidden}.txsync-monitoring img{border-radius:0;transform:scale(1.012)}.txsync-figure figcaption a{text-underline-offset:3px;white-space:nowrap;margin-left:8px;text-decoration:underline}.txsync-case .project-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.txsync-chapters{flex-wrap:wrap;gap:16px 28px;margin-top:36px;font-size:11px;display:flex}.txsync-chapters a,.txsync-source{text-underline-offset:5px;text-decoration:underline}.txsync-source{margin-top:16px;font-size:11px;display:inline-block}.txsync-chapter{scroll-margin-top:100px}.txsync-media-gap{margin-top:50px}.txsync-bridge{max-width:600px;margin:45px auto 0}.txsync-bridge button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:1px solid #999;border-radius:8px;padding:14px 20px;font-size:11px}.txsync-bridge .txsync-figure{margin-top:24px}@media (max-width:600px){.txsync-case .project-facts{grid-template-columns:1fr}.txsync-media-gap{margin-top:30px}}