:root{color-scheme:light;--paper:#fff;--paper-2:#f8f8f4;--ink:#171a18;--muted:#646963;--line:#171a1826;--line-strong:#171a1857;--coral:#ff6848;--lime:#c8f35e;--sky:#91dff2;--violet:#c9bcff;--pad:clamp(1.25rem, 4.5vw, 5rem);--sans:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--serif:Iowan Old Style, Baskerville, "Times New Roman", "Noto Serif SC", serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;background:var(--paper);color:var(--ink);font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility}:root[data-theme=dark]{color-scheme:dark;--paper:#171a18;--paper-2:#20241f;--ink:#f3f0e8;--muted:#adb2aa;--line:#f3f0e824;--line-strong:#f3f0e852;--coral:#ff785a;--lime:#b9df5d;--sky:#71c5de;--violet:#aa9cec}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{min-width:320px;color:var(--ink);background:var(--paper);margin:0;transition:color .26s,background-color .26s;overflow-x:hidden}body:before{z-index:30;opacity:.16;pointer-events:none;content:"";mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.13'/%3E%3C/svg%3E");position:fixed;inset:0}::selection{color:#171a18;background:var(--lime)}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}a,button{-webkit-tap-highlight-color:transparent}.skip-link{z-index:100;border:1px solid var(--ink);background:var(--paper-2);border-radius:99px;padding:.7rem 1rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.page-progress{z-index:90;width:100%;height:2px;position:fixed;top:0;left:0}.page-progress i{background:var(--coral);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.cursor-wash{z-index:-1;pointer-events:none;background:radial-gradient(23rem circle at var(--x,50%) var(--y,20%), color-mix(in srgb, var(--sky) 11%, transparent), transparent 72%);position:fixed;inset:0}.site-header{z-index:20;min-height:5rem;padding:0 var(--pad);background:color-mix(in srgb, var(--paper) 83%, transparent);backdrop-filter:blur(15px);grid-template-columns:1fr 1fr;align-items:center;display:grid;position:sticky;top:0}.brand{font-family:var(--mono);letter-spacing:.07em;justify-self:start;align-items:center;gap:.25rem;font-size:.77rem;font-weight:700;display:inline-flex}.brand i{background:var(--coral);border-radius:50%;width:.4rem;height:.4rem;margin:0 .08rem;transition:transform .24s}.brand:hover i{transform:translateY(-.3rem)}.brand sub{font-size:.66em}.header-actions{justify-self:end;align-items:center;gap:clamp(.9rem,2vw,2rem);display:flex}.github-link{font-family:var(--mono);align-items:center;gap:.45rem;font-size:.61rem;display:inline-flex}.github-link svg{width:1rem;height:1rem}.github-link>i{font-style:normal;transition:transform .2s}.github-link:hover>i{transform:translate(.15rem,-.15rem)}.theme-toggle{color:var(--muted);cursor:pointer;font-family:var(--mono);background:0 0;border:0;grid-template-columns:1fr auto 1fr;align-items:center;gap:.35rem;padding:0;font-size:.55rem;display:inline-grid}.theme-toggle>i{border:1px solid var(--line-strong);border-radius:99px;width:2rem;height:1.05rem;position:relative}.theme-toggle>i:after{content:"";background:var(--ink);border-radius:50%;width:.67rem;height:.67rem;transition:transform .24s;position:absolute;top:.14rem;left:.15rem}:root[data-theme=dark] .theme-toggle>i:after{transform:translate(.96rem)}.continuous-page{padding:0 var(--pad)}.intro-field{grid-template-rows:1fr 8rem;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(1rem,2vw,2.5rem);min-height:32rem;padding-top:clamp(3.25rem,7vh,5.25rem);display:grid;position:relative;overflow:hidden}.intro-field>*{min-width:0}.flow-intro>span{color:var(--muted);font-family:var(--mono);letter-spacing:.14em;font-size:.57rem}.intro-identity{grid-area:1/1/auto/3;align-self:start}.intro-identity>span{color:var(--muted);font-family:var(--mono);letter-spacing:.13em;font-size:.55rem}.intro-identity strong{font-family:var(--serif);letter-spacing:-.04em;margin-top:1.8rem;font-size:clamp(2rem,3vw,3.2rem);font-weight:400;display:block}.intro-identity sub{font-size:.55em}.intro-identity p{color:var(--muted);margin:.55rem 0 0;font-size:.67rem}.intro-statement{grid-area:1/4/auto/10;align-self:start}.intro-statement>p{color:var(--muted);font-family:var(--mono);letter-spacing:.11em;align-items:center;gap:.55rem;margin:0 0 1.5rem;font-size:.57rem;display:flex}.intro-statement>p i{background:currentColor;width:1.7rem;height:1px}.intro-statement h1{max-width:42rem;font-family:var(--serif);letter-spacing:-.06em;margin:0;font-size:clamp(2.4rem,3.7vw,4.15rem);font-weight:400;line-height:.96}.intro-statement h1 span,.intro-statement h1 em{display:block}.intro-statement h1 em{color:var(--coral);font-weight:400}.intro-meta{grid-area:1/10/auto/13;align-self:start}.intro-meta dl{margin:0}.intro-meta dl div{border-bottom:1px solid var(--line);font-family:var(--mono);grid-template-columns:auto 1fr;gap:1rem;padding:.85rem 0;font-size:.55rem;line-height:1.5;display:grid}.intro-meta dt{color:var(--muted)}.intro-meta dd{text-align:right;overflow-wrap:anywhere;margin:0}.intro-map{pointer-events:none;grid-area:2/1/auto/-1;align-self:end;height:8rem;position:relative}.intro-map svg{width:100%;height:100%;overflow:visible}.intro-map path{fill:none;stroke:var(--line-strong);stroke-width:1px;stroke-dasharray:3 8;vector-effect:non-scaling-stroke}.map-node{color:var(--muted);font-family:var(--mono);letter-spacing:.1em;align-items:center;gap:.48rem;font-size:.48rem;animation:4.5s ease-in-out infinite map-float;display:flex;position:absolute}.map-node i{border:3px solid var(--paper);outline:1px solid var(--line-strong);background:var(--coral);border-radius:50%;width:.7rem;height:.7rem}.node-build{top:18%;right:17%}.node-connect{animation-delay:-1.4s;top:42%;left:46%}.node-connect i{background:var(--lime)}.node-refine{animation-delay:-2.8s;top:72%;left:6%}.node-refine i{background:var(--sky)}.project-flow{max-width:92rem;margin:0 auto;padding-top:1rem;position:relative}.flow-intro{margin:0 0 2.5rem clamp(2.5rem,5vw,5rem)}.flow-spine{z-index:-1;background:linear-gradient(transparent, var(--line-strong) 8%, var(--line) 92%, transparent);width:1px;position:absolute;top:0;bottom:2rem;left:1.2rem}.work-piece{cursor:pointer;border-radius:2rem;grid-template-columns:2.5rem minmax(15rem,1fr) minmax(18rem,.95fr);align-items:center;gap:clamp(2rem,4vw,5rem);min-height:clamp(23rem,34vw,30rem);margin-bottom:clamp(2.5rem,5vw,4.5rem);display:grid}.work-piece.is-reversed{grid-template-columns:2.5rem minmax(18rem,.95fr) minmax(15rem,1fr)}.work-piece.is-reversed .piece-copy{grid-column:3}.work-piece.is-reversed .piece-art{grid-area:1/2}.piece-index{flex-direction:column;align-self:stretch;align-items:center;gap:.75rem;padding-top:2rem;display:flex}.piece-index i{border:3px solid var(--paper);outline:1px solid var(--line-strong);background:var(--coral);border-radius:50%;width:.65rem;height:.65rem}.piece-index span{color:var(--muted);font-family:var(--mono);writing-mode:vertical-rl;font-size:.55rem}.piece-copy{padding:2rem 0}.piece-copy h2{font-family:var(--serif);letter-spacing:-.055em;margin:0;font-size:clamp(2.3rem,3.7vw,4.1rem);font-weight:400;line-height:.95}.piece-copy h2:after{color:var(--muted);content:"↗";font-family:var(--sans);vertical-align:top;margin-left:.55em;font-size:.25em;font-weight:400;transition:color .2s,transform .2s;display:inline-block}.work-piece:hover .piece-copy h2:after{color:var(--coral);transform:translate(.18rem,-.18rem)}.piece-copy>p{max-width:31rem;color:var(--muted);margin:1.15rem 0;font-size:.82rem;line-height:1.9}.piece-copy ul{flex-wrap:wrap;gap:.45rem;margin:1.15rem 0 0;padding:0;list-style:none;display:flex}.piece-copy li{border:1px solid var(--line);color:var(--muted);font-family:var(--mono);border-radius:99px;padding:.38rem .58rem;font-size:.5rem}.piece-art{--accent:var(--coral);--soft:color-mix(in srgb, var(--coral) 28%, var(--paper));background:var(--soft);height:clamp(18rem,26vw,24rem);transform:translate(calc(var(--mx,0) * .55rem), calc(var(--my,0) * .55rem));border-radius:clamp(1.5rem,3vw,3.5rem);transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s;position:relative;overflow:hidden}.piece-art.tone-lime{--accent:var(--lime);--soft:color-mix(in srgb, var(--lime) 31%, var(--paper))}.piece-art.tone-sky{--accent:var(--sky);--soft:color-mix(in srgb, var(--sky) 34%, var(--paper))}.piece-art.tone-violet{--accent:var(--violet);--soft:color-mix(in srgb, var(--violet) 34%, var(--paper))}.piece-art.tone-amber{--accent:#f3b83f;--soft:color-mix(in srgb, #f3c45e 34%, var(--paper))}.work-piece:hover .piece-art{transform:translate(calc(var(--mx,0) * .55rem), calc(var(--my,0) * .55rem - .22rem));box-shadow:0 1.4rem 3.5rem #171a1817}.work-piece:focus-visible{outline:none}.work-piece:focus-visible .piece-art{outline:2px solid var(--coral);outline-offset:4px}.project-visual{position:absolute;inset:0}.project-visual:before{content:"";background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:2.5rem 2.5rem;position:absolute;inset:0;mask-image:linear-gradient(to bottom right,#000,#0000 85%)}.schedule-head{z-index:2;align-items:center;gap:.5rem;display:flex;position:absolute;top:10%;left:10%;right:10%}.schedule-head span{font-family:var(--mono);margin-right:auto;font-size:.6rem}.schedule-head i{background:var(--ink);border-radius:50%;width:.45rem;height:.45rem}.schedule-head i:last-child{opacity:.25}.schedule-grid{z-index:2;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:.7rem;display:grid;position:absolute;inset:22% 9% 12%}.schedule-grid b{border:1px solid var(--line-strong);background:color-mix(in srgb, var(--paper-2) 55%, transparent);border-radius:.65rem;position:relative}.schedule-grid b:before,.schedule-grid b:after{content:"";background:var(--line-strong);height:1px;position:absolute;left:17%;right:17%}.schedule-grid b:before{top:39%}.schedule-grid b:after{top:58%;right:38%}.schedule-grid b:nth-child(2),.schedule-grid b:nth-child(6),.schedule-grid b:nth-child(8){background:var(--accent)}.schedule-grid b:nth-child(2){transform:translateY(-.7rem)}.schedule-grid b:nth-child(6){transform:translateY(.6rem)}.schedule-chip{z-index:3;color:var(--paper);background:var(--ink);font-family:var(--mono);border-radius:99px;padding:.55rem .75rem;font-size:.5rem;position:absolute;bottom:7%;right:5%;transform:rotate(-7deg)}.watch-face{z-index:2;aspect-ratio:1;border:clamp(.65rem, 1vw, 1rem) solid var(--ink);width:48%;color:var(--paper);background:var(--ink);border-radius:42%;place-content:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(4deg);box-shadow:0 1.5rem 3rem #00000021}.watch-face:before,.watch-face:after{content:"";border:2px solid var(--ink);background:color-mix(in srgb, var(--ink) 84%, var(--accent));width:35%;height:32%;position:absolute;left:50%;transform:translate(-50%)}.watch-face:before{border-radius:.35rem .35rem 0 0;bottom:96%}.watch-face:after{border-radius:0 0 .35rem .35rem;top:96%}.watch-face>span{font-family:var(--serif);letter-spacing:-.08em;font-size:clamp(3rem,7vw,7rem);line-height:.75}.watch-face small{color:var(--accent);font-family:var(--mono);letter-spacing:.18em;text-align:center;margin-top:.7rem;font-size:.48rem}.watch-glint{background:var(--accent);border-radius:50%;width:.55rem;height:.55rem;position:absolute;top:10%;right:10%}.pulse-line{z-index:2;align-items:center;gap:.35rem;height:2rem;display:flex;position:absolute;top:12%;left:9%;right:9%}.pulse-line:before,.pulse-line:after{content:"";background:var(--ink);flex:1;height:1px}.pulse-line i{background:var(--ink);width:.22rem}.pulse-line i:first-child{height:.5rem}.pulse-line i:nth-child(2){height:1.7rem;transform:skew(-20deg)}.pulse-line i:nth-child(3){height:.9rem}.signal-dots{z-index:2;align-items:end;gap:.25rem;display:flex;position:absolute;bottom:7%;right:8%}.signal-dots i{background:var(--ink);border-radius:9px;width:.28rem}.signal-dots i:first-child{height:.35rem}.signal-dots i:nth-child(2){height:.65rem}.signal-dots i:nth-child(3){height:.95rem}.signal-dots i:nth-child(4){opacity:.25;height:1.25rem}.camera-body{z-index:2;border:2px solid var(--ink);background:var(--paper-2);border-radius:1rem 1rem 1.8rem 1.8rem;width:49%;height:43%;position:absolute;top:50%;left:13%;transform:translateY(-50%)rotate(-4deg)}.camera-body:before{border:2px solid var(--ink);content:"";background:var(--paper-2);border-bottom:0;border-radius:.4rem .4rem 0 0;width:32%;height:20%;position:absolute;bottom:100%;left:12%}.camera-body>span{font-family:var(--mono);font-size:.45rem;position:absolute;bottom:8%;right:8%}.camera-dial{aspect-ratio:1;border:2px solid var(--ink);background:var(--accent);border-radius:50%;width:17%;position:absolute;top:-22%;right:12%}.camera-lens{aspect-ratio:1;border:.5rem solid var(--ink);background:var(--accent);border-radius:50%;width:52%;position:absolute;top:50%;left:48%;transform:translate(-50%,-50%)}.camera-lens:before,.camera-lens:after,.camera-lens i{content:"";border-radius:50%;position:absolute}.camera-lens:before{border:1px solid var(--ink);inset:14%}.camera-lens:after{background:var(--ink);inset:28%}.camera-lens i{z-index:2;aspect-ratio:1;background:#fff;width:9%;top:27%;left:26%}.transfer-path{z-index:3;justify-content:space-around;width:17%;display:flex;position:absolute;top:48%;left:61%;transform:rotate(-8deg)}.transfer-path:before{content:"";background:var(--ink);height:1px;position:absolute;top:50%;left:0;right:0}.transfer-path i{z-index:1;border:2px solid var(--soft);background:var(--ink);border-radius:50%;width:.48rem;height:.48rem;animation:1.5s ease-in-out infinite transfer}.transfer-path i:nth-child(2){animation-delay:.15s}.transfer-path i:nth-child(3){animation-delay:.3s}.phone-frame{z-index:2;border:2px solid var(--ink);background:var(--paper-2);border-radius:1rem;grid-template-columns:repeat(2,1fr);gap:.3rem;width:19%;height:48%;padding:.75rem .4rem;display:grid;position:absolute;top:28%;right:8%;transform:rotate(6deg)}.phone-frame:before{content:"";background:var(--ink);border-radius:3px;width:24%;height:2px;position:absolute;top:.35rem;left:50%;transform:translate(-50%)}.phone-frame b{background:var(--accent);border-radius:.2rem}.phone-frame b:last-child{background:var(--ink);grid-column:1/-1}.console-shell{z-index:2;border:2px solid var(--ink);background:color-mix(in srgb, var(--violet) 70%, var(--paper-2));width:43%;height:70%;box-shadow:.8rem 1rem 0 color-mix(in srgb, var(--ink) 9%, transparent);border-radius:.8rem .8rem 2.3rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(3deg)}.console-screen{border:.48rem solid var(--ink);background:#b8d47b;border-radius:.45rem .45rem 1rem;height:44%;position:absolute;top:9%;left:10%;right:10%;overflow:hidden}.console-screen:before{content:"";background:#46613d;height:2px;position:absolute;bottom:.65rem;left:1rem;right:1rem;box-shadow:0 -1rem #46613d2e,0 -2rem #46613d1f}.console-screen i,.console-screen b,.console-screen span{z-index:2;background:#324a30;width:.65rem;display:block;position:absolute;bottom:.8rem}.console-screen i{height:1.9rem;left:18%;box-shadow:.6rem -.6rem #324a30}.console-screen b{height:1rem;left:53%;box-shadow:.7rem -.7rem #324a30,1.4rem -1.4rem #324a30}.console-screen span{height:2.8rem;right:8%}.dpad{aspect-ratio:1;width:24%;position:absolute;bottom:15%;left:14%}.dpad:before,.dpad:after{content:"";background:var(--ink);border-radius:.2rem;width:100%;height:34%;position:absolute;top:33%;left:0}.dpad:after{transform:rotate(90deg)}.buttons{gap:.5rem;display:flex;position:absolute;bottom:15%;right:11%;transform:rotate(-25deg)}.buttons i{aspect-ratio:1;border:1px solid var(--ink);background:var(--coral);border-radius:50%;width:clamp(1rem,2vw,1.8rem)}.pixel-cloud i{z-index:2;background:var(--ink);opacity:.6;width:.65rem;height:.65rem;position:absolute}.pixel-cloud i:first-child{top:11%;left:13%}.pixel-cloud i:nth-child(2){top:18%;left:20%}.pixel-cloud i:nth-child(3){top:11%;left:27%}.pixel-cloud i:nth-child(4){bottom:14%;right:17%}.pixel-cloud i:nth-child(5){bottom:21%;right:10%}.tiny-copy{z-index:2;font-family:var(--mono);letter-spacing:.12em;transform-origin:100% 100%;font-size:.48rem;position:absolute;bottom:5%;right:5%;transform:rotate(-90deg)translate(100%)}.archive-strip{z-index:2;background:var(--ink);grid-template-columns:repeat(4,1fr);gap:.45rem;height:20%;padding:.42rem;display:grid;position:absolute;top:9%;left:7%;right:7%;transform:rotate(-3deg)}.archive-strip i{background:color-mix(in srgb, var(--paper) 22%, var(--ink));padding:.22rem;position:relative}.archive-strip i:before,.archive-strip i:after{content:"";background:var(--soft);width:.28rem;height:.14rem;box-shadow:1.1rem 0 0 var(--soft);position:absolute}.archive-strip i:before{top:-.29rem;left:12%}.archive-strip i:after{bottom:-.29rem;left:12%}.archive-strip b{background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 72%, #fff), #6f633f);width:100%;height:100%;opacity:calc(.45 + var(--frame-opacity,.2));display:block}.archive-strip i:nth-child(2) b{background:linear-gradient(145deg,#b7d9dc,#536a66)}.archive-strip i:nth-child(3) b{background:linear-gradient(145deg,#e9a46f,#785b48)}.archive-strip i:nth-child(4) b{background:linear-gradient(145deg,#d4cfab,#485b55)}.archive-frame{z-index:3;border:clamp(.55rem, 1.2vw, .9rem) solid var(--paper-2);background:linear-gradient(#badfe2 0 55%,#d7c486 55%);width:57%;height:57%;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-48%,-38%)rotate(4deg);box-shadow:0 1rem 2.5rem #2d271729}.archive-sun{aspect-ratio:1;background:#ff785a;border-radius:50%;width:15%;position:absolute;top:16%;right:17%}.archive-hill{clip-path:polygon(0 62%,14% 43%,28% 61%,43% 18%,61% 55%,74% 32%,100% 70%,100% 100%,0 100%);height:58%;position:absolute;bottom:-2%;left:-5%;right:-5%}.hill-back{opacity:.8;background:#7ca9a0}.hill-front{background:#354d46;bottom:-15%;transform:translate(5%)}.archive-frame>span{z-index:2;color:#fff;font-family:var(--mono);letter-spacing:.1em;font-size:.42rem;position:absolute;bottom:.35rem;right:.45rem}.archive-index{z-index:4;font-family:var(--mono);gap:.8rem;font-size:.48rem;display:grid;position:absolute;top:38%;left:7%}.archive-index span:nth-child(2){color:var(--coral)}.archive-mark{z-index:4;aspect-ratio:1;border:1px solid var(--ink);width:2.5rem;font-family:var(--serif);border-radius:50%;place-items:center;font-size:1.2rem;font-style:italic;display:grid;position:absolute;bottom:6%;right:6%}.site-footer{grid-template-columns:1fr minmax(18rem,.7fr);align-items:end;gap:3rem;padding:1.5rem 0 2.5rem;display:grid}.site-footer>div>span{font-family:var(--mono);letter-spacing:.1em;font-size:.55rem}.site-footer sub{font-size:.68em}.site-footer>a{border-bottom:1px solid var(--line-strong);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;display:flex}.site-footer>a strong{font-family:var(--mono);font-size:.7rem;font-weight:500}.site-footer>a i{font-style:normal;transition:transform .2s}.site-footer>a:hover i{transform:translate(.2rem,-.2rem)}.not-found{text-align:center;place-content:center;justify-items:center;min-height:100svh;padding:2rem;display:grid}.not-found>span{font-family:var(--mono);letter-spacing:.15em;font-size:.6rem}.not-found h1{font-family:var(--serif);letter-spacing:-.06em;margin:2rem 0;font-size:clamp(2.6rem,7vw,7rem);font-weight:400}.not-found a{border-bottom:1px solid var(--line-strong);padding-bottom:.3rem;font-size:.75rem}.not-found-orbit{border:1px solid var(--line-strong);border-radius:50%;width:8rem;height:3rem;margin-top:3rem;position:relative;transform:rotate(-15deg)}.not-found-orbit i{background:var(--coral);border-radius:50%;width:.8rem;height:.8rem;animation:3s ease-in-out infinite alternate lost;position:absolute;top:50%;left:0}.has-js [data-reveal]{opacity:0;transition:opacity .65s var(--delay,0s) ease, transform .65s var(--delay,0s) cubic-bezier(.2,.75,.25,1);transform:translateY(1.1rem)}.has-js [data-reveal].is-visible{opacity:1;transform:none}@keyframes breathe{0%{opacity:.8;transform:scale(.6)}to{opacity:0;transform:scale(1.3)}}@keyframes transfer{0%,to{opacity:.25;transform:scale(.65)}50%{opacity:1;transform:scale(1)}}@keyframes lost{to{left:calc(100% - .8rem);transform:scale(1.25)}}@keyframes map-float{0%,to{transform:translateY(0)}50%{transform:translateY(-.3rem)}}@media (width<=1020px){.intro-field{min-height:32rem}.intro-identity{grid-column:1/4}.intro-map{height:8rem}.work-piece,.work-piece.is-reversed{grid-template-columns:2.5rem minmax(13rem,1fr) minmax(17rem,.95fr);gap:clamp(1.5rem,3vw,3rem)}.work-piece.is-reversed .piece-copy{grid-column:2}.work-piece.is-reversed .piece-art{grid-column:3}}@media (width<=760px){html{scroll-padding-top:5rem}.site-header{grid-template-columns:1fr auto;min-height:4.5rem}.github-link span{display:none}.intro-field{grid-template-rows:auto auto auto 7rem;grid-template-columns:1fr;gap:1.8rem;min-height:auto;padding-top:3rem}.intro-identity{grid-area:1/1}.intro-identity strong{margin-top:1rem}.intro-statement{grid-area:2/1}.intro-statement h1{font-size:clamp(2.25rem,8.2vw,3.2rem)}.intro-meta{grid-area:3/1}.intro-meta dl{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.intro-meta dl div{border-right:0;border-bottom:1px solid var(--line);padding:.8rem 0}.intro-meta dl div:first-child{padding-right:1rem}.intro-map{grid-area:4/1;height:7rem}.map-node{font-size:.43rem}.project-flow{padding-top:0}.flow-intro{margin:0 0 2rem 2rem}.flow-spine{left:.5rem}.work-piece,.work-piece.is-reversed{grid-template-columns:1rem minmax(0,1fr);gap:1.25rem;min-height:0;margin-bottom:5rem}.piece-index{grid-area:1/1/3;padding-top:1rem}.piece-copy,.work-piece.is-reversed .piece-copy{grid-area:1/2;padding:0 0 1.5rem}.piece-art,.work-piece.is-reversed .piece-art{grid-area:2/2;height:clamp(18rem,74vw,27rem)}.piece-copy h2{font-size:clamp(2.5rem,11vw,3.8rem)}.site-footer{grid-template-columns:1fr;padding-top:1rem}}@media (width<=480px){.github-link{font-size:0}.github-link svg{width:1.1rem;height:1.1rem}.intro-statement h1{font-size:clamp(2.15rem,8.5vw,2.8rem)}.intro-identity p{font-size:.62rem}.piece-copy h2{font-size:2.65rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.has-js [data-reveal]{opacity:1;transform:none}}