:root{--paper:#f7f4f1;--ink:#111;--muted:#6f6b67;--coral:#ff654f;--blue:#5967ff;color:var(--ink);background:var(--paper);text-rendering:geometricprecision;font-family:Arial,Helvetica,PingFang SC,Noto Sans SC,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:none;scroll-padding-top:84px}html::-webkit-scrollbar{display:none}html,body{min-height:100%;margin:0}body{background:var(--paper);color:var(--ink)}a{color:inherit}::selection{background:var(--blue);color:#fff}.intro-active,.intro-active body{overflow:hidden}.slash-intro{z-index:9999;pointer-events:none;animation:2.2s step-end forwards slash-intro-dismiss;position:fixed;inset:0;overflow:hidden}.slash-intro__mask{z-index:1;background:var(--ink);will-change:transform;position:absolute;inset:-4vmax}.slash-intro__mask--up{clip-path:polygon(0 0,100% 0,0 100%);animation:2.2s cubic-bezier(.76,0,.24,1) forwards slash-mask-up}.slash-intro__mask--down{clip-path:polygon(100% 100%,100% 0,0 100%);animation:2.2s cubic-bezier(.76,0,.24,1) forwards slash-mask-down}.slash-intro__brand{z-index:3;color:var(--paper);text-align:center;gap:12px;animation:1.25s forwards slash-brand;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.slash-intro__brand strong{letter-spacing:-.055em;white-space:nowrap;font-family:Arial Narrow,Helvetica Neue Condensed,Arial,sans-serif;font-size:clamp(46px,7vw,108px);font-weight:800;font-stretch:75%;line-height:.86}.slash-intro__brand span{letter-spacing:.24em;font-size:9px;font-weight:850}.slash-intro__blade{z-index:4;background:var(--coral);width:145vmax;height:5px;box-shadow:0 -2px 0 var(--paper), 0 2px 0 var(--blue);transform-origin:50%;animation:1.3s cubic-bezier(.65,0,.35,1) forwards slash-blade;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-45deg)scaleX(0)}.slash-intro__blade i{background:var(--blue);width:13px;height:13px;position:absolute;top:50%;right:12%;transform:translateY(-50%)rotate(45deg)}@keyframes slash-brand{0%{opacity:0;transform:translate(-50%,-44%)}16%,48%{opacity:1;transform:translate(-50%,-50%)}72%,to{opacity:0;transform:translate(-50%,-54%)}}@keyframes slash-blade{0%,24%{opacity:0;transform:translate(-50%,-50%)rotate(-45deg)scaleX(0)}34%{opacity:1}62%{opacity:1;transform:translate(-50%,-50%)rotate(-45deg)scaleX(1)}76%,to{opacity:0;transform:translate(-50%,-50%)rotate(-45deg)scaleX(1)}}@keyframes slash-mask-up{0%,45%{transform:translate(0)scale(1.01)}to{transform:translate(-108%,-108%)scale(1.01)}}@keyframes slash-mask-down{0%,45%{transform:translate(0)scale(1.01)}to{transform:translate(108%,108%)scale(1.01)}}@keyframes slash-intro-dismiss{0%,99%{visibility:visible}to{visibility:hidden}}.page{padding:46px 0 36px}.shell{width:min(1456px,100% - 80px);margin-inline:auto}.masthead{z-index:20;border:2px solid var(--ink);background:var(--paper);grid-template-columns:1fr auto 1fr;align-items:center;min-height:64px;margin-top:22px;display:grid;position:sticky;top:0}.wordmark{letter-spacing:-.04em;padding:0 18px;font-size:15px;font-weight:950;text-decoration:none}.wordmark span{color:var(--coral)}.masthead nav{align-self:stretch;display:flex}.masthead nav a{border-left:1px solid var(--ink);letter-spacing:.14em;place-items:center;min-width:112px;font-size:10px;font-weight:800;text-decoration:none;display:grid}.masthead nav a:last-child{border-right:1px solid var(--ink)}.masthead nav a:hover{background:var(--ink);color:var(--paper)}.github-link{letter-spacing:.12em;justify-self:end;padding:0 18px;font-size:10px;font-weight:850;text-decoration:none}.poster{aspect-ratio:1456/932;border:2px solid var(--ink);grid-template-rows:75.2% 24.8%;grid-template-columns:64.6% 35.4%;display:grid}.poster-title{border-right:2px solid var(--ink);flex-direction:column;justify-content:center;min-width:0;padding:48px 36px 36px;display:flex;position:relative}.poster-title h1{letter-spacing:-.06em;white-space:nowrap;transform-origin:0;width:128.3%;margin:0;font-family:Arial Narrow,Helvetica Neue Condensed,Arial,sans-serif;font-size:clamp(118px,12.6vw,194px);font-weight:800;font-stretch:75%;line-height:.86;transform:scaleX(.78)}.slogan{border-top:5px solid var(--ink);letter-spacing:.08em;white-space:nowrap;margin:26px 0 0;padding-top:20px;font-size:clamp(32px,3.4vw,52px);font-weight:900;line-height:1}.poster-side{grid-template-rows:repeat(3,1fr);display:grid}.trait-row{border-bottom:1px solid var(--ink);grid-template-columns:1fr 152px;align-items:center;min-height:0;display:grid}.trait-row:last-child{border-bottom:0}.trait-row>span{letter-spacing:.09em;align-items:center;gap:20px;padding-left:30px;font-size:12px;display:flex}.trait-row>span b{background:var(--ink);width:13px;height:13px}.network-mark,.wearable-mark,.browser-mark{margin:auto;display:block;position:relative}.network-mark{width:108px;height:86px}.network-mark:before{border-left:1px solid var(--ink);content:"";position:absolute;top:13px;bottom:13px;left:24px}.network-mark:after{border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);content:"";border-radius:0 0 10px;width:64px;height:34px;position:absolute;top:13px;left:24px}.network-mark i,.network-mark b,.network-mark em{z-index:1;background:var(--paper);width:14px;height:14px;box-shadow:inset 0 0 0 2px var(--ink), 0 0 0 5px var(--paper);display:block;position:absolute}.network-mark i{background:var(--ink);border-radius:50%;top:6px;left:17px}.network-mark b{border-radius:50%;bottom:6px;left:17px}.network-mark em{top:6px;right:13px;transform:rotate(45deg)}.wearable-mark{width:82px;height:108px}.wearable-mark:before,.wearable-mark:after{border-right:1px solid var(--ink);border-left:1px solid var(--ink);content:"";width:20px;height:24px;position:absolute;left:31px}.wearable-mark:before{top:0}.wearable-mark:after{bottom:0}.wearable-mark i{border:2px solid var(--ink);background:var(--paper);border-radius:14px;width:62px;height:68px;position:absolute;top:20px;left:10px}.wearable-mark i:before{border:1px solid var(--ink);background-image:radial-gradient(var(--ink) 1.4px, transparent 1.5px);content:"";background-size:10px 10px;position:absolute;inset:10px}.wearable-mark i:after{border:1px solid var(--ink);content:"";border-left:0;width:6px;height:16px;position:absolute;top:23px;right:-7px}.wearable-mark b{z-index:2;background:var(--ink);width:8px;height:8px;position:absolute;top:50px;left:37px}.browser-mark{border:2px solid var(--ink);width:112px;height:80px}.browser-mark:before{border-top:1px solid var(--ink);content:"";position:absolute;top:17px;left:0;right:0}.browser-mark:after{background:var(--ink);width:4px;height:4px;box-shadow:9px 0 var(--ink), 18px 0 var(--ink);content:"";border-radius:50%;position:absolute;top:7px;left:10px}.browser-mark i{letter-spacing:-.15em;place-items:center;font-family:Consolas,Courier New,monospace;font-size:22px;font-style:normal;display:grid;position:absolute;inset:18px 0 0}.poster-bottom{border-top:2px solid var(--ink);grid-column:1/-1;grid-template-columns:14.1% 17.8% 32.7% 35.4%;display:grid}.poster-bottom>div{border-right:2px solid var(--ink)}.poster-bottom>div:last-child{border-right:0}.code-block{background:var(--coral);letter-spacing:-.01em;place-items:center;font-size:76px;font-weight:300;display:grid;position:relative}.code-block i{border-right:1px dashed var(--ink);position:absolute;top:18px;bottom:18px;right:24px}.code-lines{padding:28px 24px 24px 52px;position:relative}.code-lines:before{border-left:1px solid var(--ink);content:"";position:absolute;top:26px;bottom:26px;left:28px}.code-lines i{background:var(--ink);width:7px;height:7px;box-shadow:0 39px var(--ink), 0 78px var(--ink), 0 117px var(--ink);border-radius:50%;position:absolute;top:33px;left:25px}.code-lines span{background:var(--ink);height:2px;margin-bottom:24px;display:block}.code-lines span:first-of-type{width:78%}.code-lines span:nth-of-type(2){width:52%}.code-lines span:nth-of-type(3){width:88%}.code-lines span:nth-of-type(4){width:64%}.code-lines span:nth-of-type(5){width:38%}.signal-field{position:relative;overflow:hidden}.signal-field:before{color:var(--muted);letter-spacing:.16em;content:"SIGNAL / 05";font-size:8px;font-weight:800;position:absolute;top:22px;left:24px}.signal-field span{background:var(--ink);height:1px;position:absolute}.signal-field span:after{background:var(--ink);content:"";width:1px;position:absolute}.signal-field span:first-child{width:39%;top:37%;left:13%}.signal-field span:first-child:after{height:68px;top:0;right:0}.signal-field span:nth-child(2){width:32%;top:68%;left:52%}.signal-field span:nth-child(2):after{height:52px;bottom:0;right:0}.signal-field span:nth-child(3){transform-origin:0;width:29%;top:52%;left:25%;transform:rotate(16deg)}.signal-field i{border:2px solid var(--ink);background:var(--paper);border-radius:50%;width:10px;height:10px;position:absolute;transform:translate(-50%,-50%)}.signal-field i:first-of-type{background:var(--ink);top:37%;left:13%}.signal-field i:nth-of-type(2){top:37%;left:52%}.signal-field i:nth-of-type(3){background:var(--ink);top:68%;left:52%}.signal-field i:nth-of-type(4){top:68%;left:84%}.signal-field i:nth-of-type(5){top:52%;left:25%}.blue-field{background:var(--blue);position:relative;overflow:hidden}.blue-field:before{border-top:2px solid var(--ink);content:"";position:absolute;top:54px;left:28px;right:28px}.blue-field:after{background:var(--ink);content:"";width:12px;height:12px;position:absolute;top:24px;right:28px}.blue-field i{letter-spacing:.16em;font-size:8px;font-style:normal;font-weight:850;position:absolute;top:25px;left:28px}.blue-field span{letter-spacing:-.025em;white-space:nowrap;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(48px,4.55vw,70px);line-height:.88;position:absolute;bottom:22px;right:24px}.intro{border:2px solid var(--ink);grid-template-columns:180px minmax(300px,.8fr) minmax(360px,1fr) 160px;gap:0;min-height:310px;margin-top:22px;display:grid}.section-id{border-right:1px solid var(--ink);color:var(--muted);letter-spacing:.15em;padding:28px;font-size:10px;font-weight:850}.section-id span{color:var(--ink);letter-spacing:0;margin-bottom:8px;font-family:Georgia,serif;font-size:22px;font-style:italic;display:block}.intro h2{letter-spacing:-.065em;align-self:center;margin:0;padding:36px;font-size:clamp(48px,6vw,84px);line-height:.92}.intro>p{border-left:1px solid var(--ink);color:var(--muted);align-self:center;margin:0;padding:36px;font-size:17px;line-height:1.9}.intro>a{border-left:1px solid var(--ink);background:var(--coral);letter-spacing:.08em;writing-mode:vertical-rl;place-items:center;font-size:11px;font-weight:900;text-decoration:none;display:grid}.projects{border:2px solid var(--ink);margin-top:22px}.section-head{border-bottom:2px solid var(--ink);grid-template-columns:180px 1fr;min-height:180px;display:grid}.section-head h2{letter-spacing:-.065em;align-self:end;margin:0;padding:30px 36px;font-size:clamp(48px,6vw,86px);line-height:.9}.project-list{display:grid}.project-row{border-bottom:1px solid var(--ink);grid-template-columns:110px minmax(260px,.7fr) minmax(320px,1fr) 70px;align-items:center;min-height:190px;text-decoration:none;display:grid}.project-row:last-child{border-bottom:0}.project-row:hover{background:var(--blue);color:#fff}.project-row-pending{cursor:default}.project-row-pending:hover{color:inherit;background:0 0}.project-row-pending:hover p{color:var(--muted)}.project-number{border-right:1px solid var(--ink);align-self:stretch;place-items:center;font-family:Georgia,serif;font-size:24px;font-style:italic;display:grid}.project-row>div{padding:30px}.project-row small{letter-spacing:.14em;font-size:9px;font-weight:800}.project-row h3{letter-spacing:-.055em;margin:12px 0 0;font-size:clamp(30px,3.4vw,48px)}.project-row p{color:var(--muted);margin:0;padding:30px;font-size:15px;line-height:1.7}.project-row:hover p{color:#ffffffbd}.project-row>b{border-left:1px solid var(--ink);align-self:stretch;place-items:center;font-size:25px;display:grid}.now{border:2px solid var(--ink);grid-template-columns:180px repeat(3,1fr);min-height:180px;margin-top:22px;display:grid}.now>div:not(.section-id){border-right:1px solid var(--ink);align-content:center;gap:10px;padding:28px;display:grid}.now>div:last-child{border-right:0}.now small{color:var(--muted);letter-spacing:.15em;font-size:9px;font-weight:850}.now strong{font-size:24px}.contact{border:2px solid var(--ink);grid-template-columns:64% 36%;min-height:440px;margin-top:22px;display:grid;overflow:hidden}.contact-copy{background:var(--coral);flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding:54px 62px;display:flex}.contact-copy>p{letter-spacing:.18em;margin:0;font-size:10px;font-weight:850}.contact h2{letter-spacing:-.04em;margin:16px 0 0;font-size:clamp(60px,6.6vw,96px);font-weight:900;line-height:1.02}.contact-links{gap:10px;margin-top:34px;display:flex}.contact a{text-decoration:none}.contact-links a{border:2px solid var(--ink);background:var(--paper);padding:15px 18px;font-size:11px;font-weight:850}.contact-links a:hover{background:var(--ink);color:var(--paper)}.contact-email{border-left:2px solid var(--ink);background:var(--blue);min-width:0;color:var(--ink);flex-direction:column;justify-content:space-between;padding:40px 36px 42px;display:flex;position:relative;overflow:hidden}.contact-email:before{background-image:radial-gradient(var(--ink) 2.5px, transparent 2.5px);content:"";background-size:20px 20px;width:92px;height:70px;position:absolute;top:34px;right:34px}.contact-email>span,.contact-email small{z-index:1;letter-spacing:.17em;font-size:9px;font-weight:850;position:relative}.contact-email>div{z-index:1;position:relative}.contact-email small{margin-bottom:14px;display:block}.contact-email a{border-top:2px solid var(--ink);letter-spacing:-.035em;white-space:nowrap;padding-top:18px;font-size:clamp(19px,2vw,28px);font-weight:900;display:block}.contact-email a:hover{color:var(--paper)}.footer{border:2px solid var(--ink);letter-spacing:.13em;border-top:0;grid-template-columns:1fr auto auto;align-items:center;gap:30px;min-height:82px;padding:0 24px;font-size:9px;font-weight:850;display:grid}@media (max-width:1100px){.poster{grid-template-rows:560px 190px;grid-template-columns:1fr 340px}.poster-title h1{width:auto;font-size:clamp(90px,15vw,170px);transform:none}.slogan{font-size:clamp(22px,3vw,34px)}.poster-bottom{grid-template-columns:160px 210px 1fr 340px}.trait-row{grid-template-columns:1fr 110px}.intro{grid-template-columns:130px 1fr}.intro>p{border-top:1px solid var(--ink);border-left:0}.intro>a{border-top:1px solid var(--ink)}.project-row{grid-template-columns:90px minmax(240px,.7fr) 1fr 60px}.now,.section-head{grid-template-columns:130px repeat(3,1fr)}.section-head h2{grid-column:2/-1}}@media (max-width:760px){.page{flex-direction:column;padding-top:12px;display:flex}.shell{width:calc(100% - 24px)}.masthead{order:-1;grid-template-columns:1fr auto;margin-top:0;margin-bottom:18px}.masthead nav{border-top:1px solid var(--ink);grid-area:2/1/auto/-1}.masthead nav a{flex:1;min-width:0;min-height:44px}.github-link{display:none}.poster{grid-template-rows:auto auto auto;grid-template-columns:1fr}.poster-title{border-right:0;border-bottom:2px solid var(--ink);min-height:450px;padding:28px 20px 34px}.poster-title h1{letter-spacing:-.045em;white-space:nowrap;font-size:clamp(50px,15.6vw,92px);line-height:.82}.slogan{white-space:normal;font-size:clamp(20px,6.7vw,32px)}.poster-side{grid-template-rows:repeat(3,110px)}.trait-row{grid-template-columns:1fr 100px}.trait-row>span{padding-left:18px}.network-mark,.wearable-mark,.browser-mark{transform:scale(.66)}.poster-bottom{grid-column:1;grid-template-rows:145px 145px;grid-template-columns:1fr 1fr}.poster-bottom>div:nth-child(2){border-right:0}.poster-bottom>div:nth-child(-n+2){border-bottom:2px solid var(--ink)}.code-lines{padding:19px 18px 14px 44px}.code-lines:before{top:18px;bottom:18px;left:24px}.code-lines i{box-shadow:0 27px var(--ink), 0 54px var(--ink), 0 81px var(--ink);top:23px;left:21px}.code-lines span{margin-bottom:17px}.blue-field:before{top:42px;left:18px;right:18px}.blue-field:after{width:10px;height:10px;top:17px;right:18px}.blue-field i{font-size:7px;top:18px;left:18px}.blue-field span{font-size:46px;bottom:18px;right:16px}.intro{grid-template-columns:1fr}.section-id{border-right:0;border-bottom:1px solid var(--ink)}.section-id span{margin-right:10px;display:inline}.intro h2{padding:34px 20px 20px}.intro>p{padding:20px}.intro>a{writing-mode:horizontal-tb;border-left:0;min-height:60px}.section-head{grid-template-columns:1fr}.section-head h2{grid-column:1;padding:28px 20px}.project-row{grid-template-columns:64px 1fr 48px}.project-row>div{padding:24px 18px}.project-row p{grid-column:2/-1;padding:0 18px 24px}.project-row>b{grid-area:1/3}.project-number{grid-row:1/3}.now{grid-template-columns:1fr}.now>div:not(.section-id){border-right:0;border-bottom:1px solid var(--ink)}.now>div:last-child{border-bottom:0}.contact{grid-template-columns:1fr}.contact-copy{padding:48px 20px}.contact h2{font-size:clamp(52px,16vw,78px);line-height:1.04}.contact-links{flex-direction:column;width:100%}.contact-links a{text-align:center}.contact-email{border-top:2px solid var(--ink);border-left:0;min-height:210px;padding:30px 20px}.contact-email:before{top:20px;right:18px}.footer{grid-template-columns:1fr auto}.footer span:first-of-type{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.slash-intro{display:none}}