.projects-page{background:var(--paper)}.projects-page .bar.on-blue{--bar-ink:#fff;--bar-mute:#fff;--bar-pen:#fff}.projects-page .bar.on-blue:before{opacity:0}.pj{position:relative;overflow-x:clip}.js [data-reveal]{opacity:0;transition:opacity .7s,translate .7s cubic-bezier(.2,.7,.2,1);translate:0 18px}.js [data-reveal].in{opacity:1;translate:0}.ex-meta{color:var(--grey);font-variant-numeric:tabular-nums;margin:0 0 .9em;font-size:14px}.ex-n{color:var(--ink);margin-right:.9em;font-weight:800}.ex-links{flex-wrap:wrap;align-items:baseline;gap:10px 26px;margin:1.2em 0 0;display:flex}.ex-links .deeper{margin-top:0}.ctx{color:var(--grey);text-underline-offset:4px;font-size:15px;text-decoration-thickness:1px}.ctx:hover{color:var(--ink)}.rc{flex-wrap:wrap;gap:8px 20px;margin:1.3em 0 0;padding:0;list-style:none;display:flex}.rc li{align-items:center;gap:7px;font-size:14.5px;line-height:1.3;display:inline-flex}.rc-tick{flex:none;width:18px;height:18px;overflow:visible}.rc-tick path{fill:none;stroke:var(--blue);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;filter:url(#ink);stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset .45s ease calc(var(--i,0) * .14s + .35s)}.js [data-reveal]:not(.in) .rc-tick path{stroke-dashoffset:1px}.ex-name{align-items:center;gap:.22em;display:inline-flex;position:relative}.ex-eyes{width:clamp(64px,6.4vw,112px);height:auto;margin-top:.08em;overflow:visible}.eye-w{fill:#fff;stroke:var(--ink);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;filter:url(#ink)}.pupil{fill:var(--ink)}.found-you{white-space:nowrap;opacity:0;margin-left:.2em;font-size:clamp(24px,2vw,34px);transition:opacity .35s;position:absolute;top:-.2em;left:100%}.ex-name.near .found-you{opacity:1}.pj-head{padding:22vh var(--gutter) 12vh;grid-template-columns:minmax(0,1.55fr) minmax(260px,.75fr);align-items:end;gap:clamp(40px,6vw,120px);display:grid}.pj-title .big{max-width:12.5em}.shelf{font-size:15px}.shelf-k{color:var(--grey);margin:0 0 .8em;font-size:14px}.shelf ol{border-top:1.5px solid var(--ink);margin:0;padding:0;list-style:none}.shelf ol a{border-bottom:1px solid var(--line);grid-template-columns:2.4em 1fr auto;align-items:baseline;padding:10px 0;text-decoration:none;transition:color .2s,padding .2s;display:grid}.shelf ol a:hover{color:var(--blue);padding-left:6px}.shelf-n{color:var(--grey);font-variant-numeric:tabular-nums;font-size:13px}.shelf-era{color:var(--grey);font-size:13px}.w-flagship .shelf-name,.w-major .shelf-name{letter-spacing:-.01em;font-weight:800}.w-flagship .shelf-name{font-size:17px}.shelf-foot{color:var(--grey);margin:1em 0 0;font-size:14px}.shelf-foot a{color:var(--blue);text-underline-offset:3px}.ex-flag{padding:6vh var(--gutter) 20vh;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(36px,6vw,120px);display:grid}.ex-flag .huge{font-size:clamp(64px,9vw,168px)}.ex-flag .ex-copy>.line{max-width:24em;font-size:clamp(18px,1.5vw,24px)}.thread{margin:1.8em 0 0}.thread .line{margin-bottom:.25em}.art-jarvis{width:min(100%,500px);margin:0 0 0 auto;position:relative}.art-jarvis .art-frame{aspect-ratio:478/560;background:#111;position:relative;overflow:hidden}.art-frame video{object-fit:cover;width:100%;height:100%;display:block}.art-tag{font-size:clamp(24px,2vw,32px)}.art-now{color:#fff;text-shadow:0 1px 8px #0000008c;font-size:clamp(34px,3vw,48px);position:absolute;bottom:3%;right:5%}.art-then{background:#fff;width:54%;margin:0;padding:8px 8px 32px;position:absolute;bottom:-10%;left:-22%;transform:rotate(-4deg);box-shadow:0 12px 30px #0000002e}.art-then img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto;display:block}.art-then .art-tag{color:var(--ink);position:absolute;bottom:2px;left:10px}.bench{padding:0 var(--gutter) 22vh;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:12vh clamp(24px,3vw,56px);display:grid}.ex-safai{grid-column:1/span 7}.ex-atlas{grid-column:9/span 4;margin-top:8vh}.ex-ml{grid-column:2/span 5;margin-top:-8vh}.ex-max{order:1;grid-column:3/span 7}.art-rt{margin:1em 0 .4em}.minors{grid-column:8/span 5;grid-template-columns:1fr 1fr;align-self:end;gap:32px 28px;display:grid}.bench .label{font-size:clamp(32px,3.2vw,56px)}.ex-safai .system{margin-top:1.4em}.art-ml .sketch-s{width:min(100%,360px);margin:1em 0 .4em}.art-atlas{margin:1em 0 .6em}.minors-k{grid-column:1/-1;margin-bottom:-6px;font-size:clamp(22px,1.8vw,30px)}.ex-minor{border:1px solid var(--line);transform:rotate(var(--r));background:#fff;padding:10px 10px 16px;box-shadow:0 8px 22px #00000012}.js .ex-minor[data-reveal]{transition:opacity .7s,translate .7s}.art-pin{margin:0 0 12px}.art-pin img{aspect-ratio:16/9;object-fit:cover;background:#eee;width:100%;height:auto;display:block}.ex-minor .ex-meta{margin-bottom:.3em;font-size:12.5px}.ex-minor-name{letter-spacing:-.015em;margin:0;font-size:19px;font-weight:800;line-height:1.1}.ex-minor-line{color:var(--grey);margin:.35em 0 .7em;font-size:14px;line-height:1.4}.ex-minor .ctx{font-size:13.5px}.ex-minor .deeper{margin:0 0 6px;font-size:13.5px;display:block}.one-art .art-pin{border:1px solid var(--line);background:#fff;max-width:340px;margin:0 auto;padding:8px 8px 12px;transform:rotate(-2deg);box-shadow:0 10px 26px #0000001a}.next{padding:4vh var(--gutter) 24vh}.next .big{max-width:14em}.qs{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.6vw,44px);margin:7vh 0 0;padding:0;list-style:none;display:grid}.qs li{min-height:230px;padding:26px 28px 34px;position:relative}.qs li:nth-child(2){margin-top:5vh}.qs li:nth-child(3){margin-top:2vh}.qs-edge{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.qs-edge path{fill:none;stroke:var(--grey);stroke-width:1.6px;stroke-dasharray:7 8;stroke-linecap:round;vector-effect:non-scaling-stroke}.qs-n{font-family:var(--hand);color:var(--blue);transform-origin:0 100%;margin-bottom:14px;font-size:64px;line-height:.8;display:block;transform:rotate(-6deg)}.qs p{letter-spacing:-.02em;margin:0;font-size:clamp(21px,1.75vw,30px);font-weight:800;line-height:1.12}.hello{color:#fff;min-height:100svh;position:relative}.hello-flood{background:var(--blue);clip-path:circle(9px at 50% 35vh);position:absolute;inset:0}.hello-in{padding:30vh var(--gutter) 12vh;opacity:0;transition:opacity .6s,translate .6s;position:relative;translate:0 16px}.hello.blue .hello-in{opacity:1;translate:0}html:not(.js) .hello-flood{clip-path:none}html:not(.js) .hello-in{opacity:1;translate:none}.hello .huge{max-width:9.5em}.hello .line{color:#fff;max-width:30em;margin-top:1em}.hello .aside{color:#fff;margin-top:1.4em}.hello+.foot-blue{margin-top:-1px}.one-head{padding:18vh var(--gutter) 12vh;grid-template-columns:minmax(0,1fr);align-items:center;gap:clamp(40px,6vw,120px);display:grid}.one-head.has-art{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.back-to{margin-bottom:5vh;text-decoration:none;display:inline-block}.back-to:hover{text-decoration:underline}.one-title .huge{font-size:clamp(56px,8vw,150px)}.one-liner{max-width:24em;margin-top:.6em;font-size:clamp(19px,1.6vw,26px)!important}.one-art{justify-self:center;width:100%}.one-art .art-atlas,.one-art .art-ml{justify-content:center}.one-art .art-ml .sketch-s{width:min(100%,460px);margin:0 auto}.one-art .art-atlas svg{width:56%}.story{padding:8vh var(--gutter) 16vh;border-top:1px solid var(--line);margin:0 var(--gutter);grid-template-columns:minmax(190px,.3fr) minmax(0,1fr);gap:clamp(36px,6vw,120px);padding-left:0;padding-right:0;display:grid}.toc{align-self:start;position:sticky;top:110px}.toc ol{margin:0;padding:0;list-style:none}.toc li{margin:0 0 12px;font-size:15px;line-height:1.3}.toc li>*>span{width:2.2em;color:var(--grey);font-variant-numeric:tabular-nums;display:inline-block}.toc a{font-weight:800;text-decoration:none}.toc a:hover{color:var(--blue)}.chapters{max-width:42em}.chapter{margin-bottom:13vh;scroll-margin-top:110px}.ch-k{margin-bottom:1.1em;font-weight:500}.ch-k span{color:var(--ink);font-variant-numeric:tabular-nums;margin-right:.8em;font-weight:800}.chapter .line{max-width:32em;font-size:clamp(18px,1.45vw,23px)}.story-big{max-width:15em;margin:.5em 0 .2em;font-size:clamp(30px,3vw,52px)}.chapter .aside{margin:.2em 0 .6em}.story-img{margin:1.4em 0}.story-img img{border:1px solid var(--line);width:100%;height:auto;display:block}.story-img figcaption{color:var(--grey);margin-top:8px;font-size:13px}.bookend .line{font-size:clamp(20px,1.8vw,28px)}.bookend .line.strong{letter-spacing:-.03em;max-width:16em;font-size:clamp(26px,2.6vw,44px);line-height:1.1}.one-next{border-top:1px solid var(--line);padding-top:5vh}.one-pn{justify-content:space-between;gap:24px;margin-top:4vh;display:flex}.one-pn a{text-decoration:none}.one-pn .ex-meta{margin:0 0 .3em;display:block}.one-pn b{letter-spacing:-.03em;font-size:clamp(24px,2.4vw,40px);font-weight:800;line-height:1;transition:color .2s;display:block}.one-pn a:hover b{color:var(--blue)}.pn-r{text-align:right}@media (aspect-ratio<=1){.pj-head{grid-template-columns:1fr;gap:7vh;padding-top:17vh;padding-bottom:8vh}.ex-flag{grid-template-columns:1fr;gap:9vh;padding-top:2vh;padding-bottom:14vh}.art-jarvis{width:74%;margin:0 0 0 auto}.art-then{width:60%;left:-30%}.found-you{top:-1.1em;left:auto;right:-.2em}.bench{grid-template-columns:1fr;row-gap:12vh}.bench>*{grid-column:1/-1!important;margin-top:0!important}.qs{grid-template-columns:1fr}.qs li{min-height:0;margin-top:0!important}.hello-in{padding-top:24vh}.one-head,.one-head.has-art{grid-template-columns:1fr;gap:8vh;padding-top:15vh}.one-art .art-jarvis{width:74%}.story{grid-template-columns:1fr;gap:6vh}.toc{position:static}}