.page-home *,.page-home :before,.page-home :after{box-sizing:border-box}.page-home{overflow:clip}.page-home button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.page-home a{color:inherit}.page-home p,.page-home h1{margin:0}.page-home :focus-visible{outline:2px solid var(--ink);outline-offset:3px}.page-home .sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.page-home .hero{flex-direction:column;display:flex;position:relative}.page-home .greet{margin-bottom:var(--gap-title)}.page-home .head{line-height:1.7}.page-home .head .br{display:none}@media (width>=640px){.page-home .head .br{display:block}}.page-home .body{margin-top:var(--gap-title);position:relative}.page-home .body p+p{margin-top:var(--s-2)}.page-home .body .reach-line{margin-top:var(--s-3)}.page-home .lines-host{isolation:isolate;position:relative}.page-home .name,.page-home .complex,.page-home .fx-dim,.page-home .talk{background:linear-gradient(var(--ink), var(--ink)) 0 100% / 0 1px no-repeat, linear-gradient(#d0d0d0, #d0d0d0) 0 100% / 100% 1px no-repeat;padding-bottom:.06em;text-decoration:none;transition:background-size .45s cubic-bezier(.2,.7,.2,1)}@media (hover:hover){.page-home .name:hover,.page-home .complex:hover,.page-home .talk:hover{background-size:100% 1px,100% 1px}}.page-home .talk[aria-expanded=true]{background-size:100% 1px,100% 1px}.page-home .complex,.page-home .fx{cursor:default}.page-home .fx{white-space:nowrap;transition:color .45s;position:relative}.page-home .fx-heart,.page-home .fx-box,.page-home .fx-cash{font-weight:600;text-decoration:none}.page-home .fx-heart.on,.page-home .fx-box.on,.page-home .fx-cash.on,.page-home .fx.on .icon,.page-home .fx.play .icon{color:var(--c)}.page-home .lines{z-index:-1;pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity .2s;position:absolute;inset:0;overflow:visible}.page-home .lines.on{opacity:1}.page-home .lines path{fill:none;stroke:var(--ink);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.page-home .fx-dim{transition:none}.page-home .fx-dim .art{left:var(--ink-l,0px);right:var(--ink-r,0px);top:calc(var(--glyph-top,.25em) - 9px);pointer-events:none;height:7px;position:absolute}.page-home .dimline{background:var(--dim);height:1px;transition:transform .35s cubic-bezier(.2,.7,.2,1) .15s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.page-home .dimline:before,.page-home .dimline:after{content:"";border:2.5px solid #0000;position:absolute;top:-2px}.page-home .dimline:before{border-left:0;border-right:4px solid var(--dim);left:0}.page-home .dimline:after{border-right:0;border-left:4px solid var(--dim);right:0}.page-home .ext{background:var(--dim);transform-origin:top;width:1px;height:100%;transition:transform .15s ease-out;position:absolute;top:0;transform:scaleY(0)}.page-home .ext.l{left:0}.page-home .ext.r{right:0}.page-home .dimlabel{background:var(--bg);color:var(--dim);letter-spacing:0;font-variant-numeric:tabular-nums;opacity:0;padding:0 4px;font-size:10px;font-weight:500;line-height:1;transition:opacity .15s;position:absolute;top:.5px;left:50%;transform:translate(-50%,-50%)}.page-home .fx-dim.on .dimline{transition-delay:0s;transform:scaleX(1)}.page-home .fx-dim.on .ext{transition-delay:.3s;transform:scaleY(1)}.page-home .fx-dim.on .dimlabel{opacity:1;transition:opacity .25s .4s}.page-home .slot{vertical-align:-.1em;margin-left:.25em;line-height:0;display:inline-block}.page-home .clip,.page-home .ico{display:block}.page-home .ico svg *{transform-box:fill-box}.page-home .fx-heart .ico svg{transform-origin:50% 55%}.page-home .fx-box .bottle{transform-origin:50% 100%}.page-home .fx-box .bubble{fill:none;stroke:currentColor;stroke-width:.9px;opacity:0;transform-origin:50%}.page-home .fx-cash .fan{transform-origin:0 100%}.page-home .fx-cash .note-o{fill:var(--bg);stroke:currentColor;stroke-width:1.8px}.page-home .fx-cash .bit{opacity:0}@media (prefers-reduced-motion:no-preference){.page-home .fx-heart.on .ico svg{animation:1.6s ease-in-out infinite beat}.page-home .fx-box.on .bottle{animation:2.2s ease-in-out infinite tilt}.page-home .fx-box.on .bubble{animation:2.2s ease-out infinite bubble}.page-home .fx-box.on .bubble-2{animation-delay:.14s}.page-home .fx-box.on .bubble-3{animation-delay:.28s}.page-home .fx-cash.on .fan-2{animation:2.2s ease-in-out infinite fan2}.page-home .fx-cash.on .fan-3{animation:2.2s ease-in-out infinite fan3}.page-home .fx-cash.on .bit{animation:2.2s ease-out infinite drift}.page-home .fx-heart.gesture .ico svg{animation:1s ease-in-out beat-once}.page-home .fx-box.gesture .bottle{animation:1.2s ease-in-out tilt-once}.page-home .fx-box.gesture .bubble-1{animation:1.4s ease-out bubble-once}.page-home .fx-cash.gesture .fan-1{animation:1.2s ease-in-out note-sway}.page-home .fx-cash.on .bit-2{animation-delay:.12s}.page-home .fx-cash.on .bit-3{animation-delay:.24s}}@keyframes beat{0%,60%,to{transform:scale(1)}14%{transform:scale(1.16)}28%{transform:scale(1)}42%{transform:scale(1.1)}}@keyframes tilt{0%,80%,to{transform:none}15%{transform:rotate(-12deg)}25%{transform:rotate(-9deg)}35%,60%{transform:rotate(-12deg)}}@keyframes bubble{0%,18%{opacity:0;transform:translate(0)scale(.5)}28%{opacity:.9;transform:translate(-.5px,-2px)scale(1)}42%{transform:translate(.8px,-5px)scale(1)}58%,to{opacity:0;transform:translate(-.3px,-8px)scale(1.1)}}@keyframes fan2{0%,78%,to{transform:none}20%,55%{transform:rotate(-20deg)}}@keyframes fan3{0%,80%,to{transform:none}24%,55%{transform:rotate(-40deg)}}@keyframes note-sway{0%,to{transform:none}30%{transform:rotate(-8deg)}65%{transform:rotate(4deg)}}@keyframes drift{0%,18%{opacity:0;transform:translate(0)rotate(0)}28%{opacity:1}60%,to{opacity:0;transform:translate(4px,-7px)rotate(35deg)}}.page-home .marquee{margin-top:var(--s-6);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.page-home .track{will-change:transform;width:max-content;animation:48s linear infinite scroll;display:flex}.page-home .track.paused{animation-play-state:paused}.page-home .track ul{align-items:center;margin:0;padding:0;list-style:none;display:flex}.page-home .track li{height:40px;padding-right:var(--s-6);align-items:center;display:flex}.page-home .logo{height:calc(var(--h) * var(--logo-scale,1));width:calc(var(--h) * var(--logo-scale,1) * var(--ratio));-webkit-mask:var(--src) center / contain no-repeat;-webkit-mask:var(--src) center / contain no-repeat;mask:var(--src) center / contain no-repeat;background:#6b6b6b;display:block}@media (width<=640px){.page-home .track{--logo-scale:.56}.page-home .track li{height:24px;padding-right:var(--s-5)}}@keyframes scroll{to{transform:translate(-50%)}}.page-home .contact{z-index:60;visibility:hidden;pointer-events:none;transition:visibility 0s .3s;position:fixed;inset:0;overflow:hidden}.page-home .contact.open{visibility:visible;transition-delay:0s}.page-home .contact-veil{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;-webkit-mask:linear-gradient(#000 0 0) 0 0 / 100% 100% no-repeat, linear-gradient(#000 0 0) var(--hx,0) var(--hy,0) / var(--hw,0) var(--hh,0) no-repeat;-webkit-mask-composite:xor;-webkit-mask:linear-gradient(#000 0 0) 0 0 / 100% 100% no-repeat exclude, linear-gradient(#000 0 0) var(--hx,0) var(--hy,0) / var(--hw,0) var(--hh,0) no-repeat;mask:linear-gradient(#000 0 0) 0 0 / 100% 100% no-repeat exclude, linear-gradient(#000 0 0) var(--hx,0) var(--hy,0) / var(--hw,0) var(--hh,0) no-repeat;background:#fafafa80;transition:opacity .25s;position:absolute;inset:0}.page-home .contact.open .contact-veil{opacity:1}.page-home .contact.open.touch .contact-veil{pointer-events:auto}.page-home .contact-cards{--card-w:360px;display:flex;position:absolute}.page-home .contact.open .contact-cards{pointer-events:auto}.page-home .contact.stack .contact-cards{--card-w:min(360px, 100vw - 2 * var(--gutter));pointer-events:none;justify-content:center;align-items:center;inset:0}.page-home .contact.open.stack .ccard{pointer-events:auto}.page-home .ccard{width:var(--card-w);aspect-ratio:85.6/54;perspective:1100px;opacity:0;transform:translate(var(--fx,0), var(--fy,0)) scale(.3);flex:none;transition:transform .28s cubic-bezier(.4,0,.6,1),opacity .2s;position:relative}.page-home .contact.open .ccard{opacity:1;transition:transform .52s cubic-bezier(.2,.9,.25,1.04),opacity .22s;transform:none}.page-home .bcard{width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .5s cubic-bezier(.2,.8,.2,1);position:relative}.page-home .bcard.tracking{transition:transform 90ms linear}.page-home .flip{width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.45,.05,.2,1);position:relative}.page-home .cface{cursor:pointer}.page-home .flip.is-back{transform:rotateY(180deg)}.page-home .flip.instant{transition:none}.page-home .flip{pointer-events:none}.page-home .flip:not(.is-back) .front,.page-home .flip.is-back .back{pointer-events:auto}.page-home .cface,.page-home .edge{border-radius:16px;position:absolute;inset:0}.page-home .cface{backface-visibility:hidden;background:repeating-linear-gradient(90deg,#00000002 0 1px,#0000 1px 2px,#ffffff05 2px 3px,#0000 3px 5px),linear-gradient(135deg,#f3f3f1 0%,#e7e8e6 42%,#f6f6f4 58%,#e2e3e1 100%);overflow:hidden;box-shadow:inset 0 0 0 1px #00000012,inset 0 1px #ffffffe6,0 2px 4px #0000000d,0 20px 50px -18px #00000047}.page-home .front{transform:translateZ(2px)}.page-home .back{transform:rotateY(180deg)translateZ(2px)}.page-home .edge{pointer-events:none;background:#cfd0ce;box-shadow:inset 0 0 0 1px #0000000f}.page-home .edge:first-child{transform:translateZ(1px)}.page-home .edge:nth-child(2){transform:translateZ(0)}.page-home .edge:nth-child(3){transform:translateZ(-1px)}.page-home .sheen{pointer-events:none;background:linear-gradient(112deg, #00000009 0%, #fff0 32%, #ffffff8c 47%, #fff0 60%, #00000008 100%) calc(100% - var(--mx,35%)) 0 / 260% 100% no-repeat;transition:background-position .5s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.page-home .bcard.tracking .sheen{transition-duration:.12s}.page-home .engr{color:#676a6d;text-shadow:0 1px #ffffffd9,0 -1px #00000012}.page-home .mono{color:#676a6d;letter-spacing:.06em;text-indent:.06em;text-shadow:0 1px #ffffffd9;border-radius:50%;place-items:center;width:30px;height:30px;font-size:11px;font-weight:600;display:grid;position:absolute;top:20px;left:22px;box-shadow:inset 0 0 0 1px #0000001f,0 1px #ffffffd9}.page-home .front-who{flex-direction:column;display:flex;position:absolute;bottom:20px;left:22px}.page-home .front-name{font-size:var(--t-lead);font-weight:500;line-height:1.25}.page-home .front-role{font-size:var(--t-meta);margin-top:2px;line-height:1.3}.page-home .back{align-items:center;padding:0 22px;display:flex}.page-home .bc-rows{z-index:1;gap:var(--s-1);width:100%;margin:0;padding:0;list-style:none;display:grid;position:relative}.page-home .bc-row{align-items:center;gap:var(--s-2);border-radius:10px;margin:0 -10px;padding:8px 10px;text-decoration:none;transition:background-color .18s;display:flex;position:relative}.page-home .bc-row:after{content:"";position:absolute;inset:-3px 0}.page-home .bc-row .bc-text{font-size:var(--t-body);line-height:1.3}.page-home .bc-row svg{fill:none;stroke:#676a6d;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px #ffffffd9);flex:none;width:19px;height:19px}@media (hover:hover){.page-home .bc-row:hover{background:#0000000b}}.page-home .bc-row:active{background:#00000012}.page-home .bc-row:focus-visible{outline:2px solid var(--ink);outline-offset:0}@media (prefers-reduced-motion:reduce){.page-home .ccard,.page-home .contact.open .ccard,.page-home .contact-veil,.page-home .contact{transition:none!important}.page-home .ccard{transform:none}.page-home .bcard,.page-home .flip,.page-home .sheen{transition:none}.page-home .bcard{transform:none}}.page-home .face{pointer-events:none;z-index:50;position:fixed;top:0;left:0}.page-home .face-img{--ring:3px;width:calc(140px + 2 * var(--ring));height:calc(140px + 2 * var(--ring));border:var(--ring) solid transparent;opacity:0;transform-origin:50% calc(100% + 14px);background:url(/assets/b_c_argenta_face-CzJ40uJA.jpg) 50%/cover no-repeat padding-box padding-box,linear-gradient(135deg,#fdfdfc 0%,#e4e5e3 45%,#f8f8f6 62%,#d9dad8 100%) border-box;border-radius:50%;transition:transform .28s cubic-bezier(.3,1.3,.5,1),opacity .25s;transform:scale(0);box-shadow:0 1px 2px #0000000f,0 8px 22px -8px #0003}.page-home .face.on .face-img{opacity:1;transform:scale(1)}.page-home .face.below .face-img{transform-origin:50% -10px}@media (hover:none),(pointer:coarse){.page-home .face-img{width:calc(112px + 2 * var(--ring));height:calc(112px + 2 * var(--ring))}}.intro:not(.intro-ready) .page-home .head,.intro:not(.intro-ready) .page-home .icon-line,.intro:not(.intro-ready) .page-home .lines-host{opacity:0}.intro .page-home .ch{opacity:0;transition:opacity 80ms}.intro .page-home :is(.name,.complex,.fx-dim,.talk){background-size:0 1px,0 1px}.page-home .caret{position:relative}.page-home .caret:after{content:"";background:currentColor;width:2px;animation:1s step-end infinite caret-blink;position:absolute;top:14%;bottom:14%;left:0}.intro-ready .page-home :is(.head,.icon-line,.lines-host){text-wrap:wrap}.intro-ready .page-home .head .br{display:none}@keyframes caret-blink{50%{opacity:0}}.intro .page-home .ch.in{opacity:1}.intro .page-home .greet,.intro .page-home .reach-line,.intro .page-home .marquee{opacity:0;transition:opacity .5s}.intro .page-home .greet.in,.intro .page-home .reach-line.in,.intro .page-home .marquee.in{opacity:1}.page-home .slot{transition:opacity .2s}.intro .page-home .fx:not(.shown) .slot{opacity:0}.page-home .fx-heart.play,.page-home .fx-box.play,.page-home .fx-cash.play{color:var(--c)}.page-home .fx-heart.play .ico svg{animation:beat-once var(--intro-icon) ease-in-out}.page-home .fx-box.play .bottle{animation:tilt-once var(--intro-icon) ease-in-out}.page-home .fx-box.play .bubble{animation:bubble-once var(--intro-icon) ease-out}.page-home .fx-box.play .bubble-2{animation-delay:60ms}.page-home .fx-box.play .bubble-3{animation-delay:.12s}.page-home .fx-cash.play .fan-2{animation:fan2-once var(--intro-icon) ease-in-out}.page-home .fx-cash.play .fan-3{animation:fan3-once var(--intro-icon) ease-in-out}.page-home .fx-cash.play .bit{animation:bit-once var(--intro-icon) ease-out}.page-home .fx-cash.play .bit-2{animation-delay:60ms}.page-home .fx-cash.play .bit-3{animation-delay:.12s}@keyframes beat-once{0%,to{transform:none}30%{transform:scale(1.18)}55%{transform:none}75%{transform:scale(1.1)}}@keyframes tilt-once{0%,to{transform:none}30%,65%{transform:rotate(-12deg)}}@keyframes bubble-once{0%,15%{opacity:0;transform:none}35%{opacity:.9}to{opacity:0;transform:translateY(-8px)}}@keyframes fan2-once{0%,to{transform:none}30%,65%{transform:rotate(-20deg)}}@keyframes fan3-once{0%,to{transform:none}35%,65%{transform:rotate(-40deg)}}@keyframes bit-once{0%,25%{opacity:0;transform:none}40%{opacity:1}to{opacity:0;transform:translate(4px,-7px)rotate(35deg)}}@media (prefers-reduced-motion:reduce){.page-home .track{animation:none}.page-home *,.page-home :before,.page-home :after{transition-duration:.01ms!important;transition-delay:0s!important}}.page-work *,.page-work :before,.page-work :after{box-sizing:border-box}.page-work button{font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.page-work h1,.page-work h2,.page-work h3,.page-work p,.page-work ul{margin:0}.page-work :focus-visible{outline:2px solid var(--ink);outline-offset:3px}.page-work .work{width:100%}.page-work .projects{margin:0;padding:0;list-style:none}.page-work .row-btn{justify-content:space-between;align-items:baseline;gap:var(--s-half) var(--s-2);width:100%;padding:var(--s-2) 0;flex-wrap:wrap;display:flex}.page-work .row-ico{vertical-align:-.1em;margin-left:.25em}.page-work .row-ico svg,.page-work .kw-ico svg{transform-origin:50% 60%}.page-work .ruler-ticks{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round}.page-work .projects{border-top:1px solid var(--line)}.page-work .row{border-bottom:1px solid var(--line);position:relative}.page-work .row:after{content:"";background:var(--ink);transform-origin:0;height:1px;transition:transform .3s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.page-work .row-name{transition:color .24s,transform .2s cubic-bezier(.2,.8,.2,1);display:inline-block}.page-work .row-arrow{margin-left:var(--s-1);vertical-align:.05em;opacity:0;line-height:0;transition:opacity .2s,transform .2s cubic-bezier(.2,.8,.2,1);display:inline-block;transform:translate(-4px)}.page-work .row-arrow svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:.7em;height:.7em}@media (hover:hover) and (pointer:fine){.page-work .row:hover:after{transform:scaleX(1)}.page-work .row-btn:hover .row-name{transform:translate(4px)}.page-work .row-btn:hover .row-arrow{opacity:1;transform:none}}@media (hover:none),(pointer:coarse){.page-work .row-arrow{opacity:.6;transform:none}}.page-work .row-thumb{display:none}@media (hover:hover) and (pointer:fine){.page-work .row-btn:hover .row-name,.page-work .row-btn:hover .row-ico{color:var(--c)}.page-work .row-btn:hover .ico-heart svg{animation:1.1s ease-in-out infinite kw-beat}.page-work .row-btn:hover .ico-bolt svg{animation:1.2s ease-in-out infinite kw-flash}.page-work .row-btn:hover .ico-leaf svg{animation:1.6s ease-in-out infinite kw-sway}.page-work .row-btn:hover .ico-spark svg{animation:1.4s ease-in-out infinite kw-twinkle}.page-work .row-btn:hover .ico-bottle svg{animation:1.6s ease-in-out infinite kw-sway}.page-work .row-btn:hover .ico-note svg{animation:1.2s ease-in-out infinite kw-flash}.page-work .row-btn:hover .ico-ruler svg{animation:1.6s ease-in-out infinite kw-sway}.page-work .row-btn:hover .ico-pen svg{animation:1.4s ease-in-out infinite kw-twinkle}.page-work .row-btn:hover .ico-window svg{animation:1.2s ease-in-out infinite kw-flash}.page-work .row-btn:hover .ico-cube svg{animation:1.4s ease-in-out infinite kw-twinkle}.page-work .row-btn:hover .ico-brush svg{animation:1.6s ease-in-out infinite kw-sway}.page-work .row-btn:hover .ico-doc svg{animation:1.2s ease-in-out infinite kw-flash}}@media (width<=480px){.page-work .row-btn{flex-direction:column}}.page-work .row.is-soon .row-btn{cursor:default}.page-work .row.is-soon:after{width:28%;transition:transform .2s;right:auto;transform:scaleX(0)}@media (hover:hover) and (pointer:fine){.page-work .row.is-soon:hover:after{animation:1.6s cubic-bezier(.45,0,.35,1) infinite soon-load;transform:none}.page-work .row.is-soon .row-btn:hover .row-name{transform:none}}@media (hover:none),(pointer:coarse){.page-work .scroll-focus .row.is-soon.focus:after{animation:1.6s cubic-bezier(.45,0,.35,1) infinite soon-load;transform:none}}@keyframes soon-load{0%{translate:-100%}to{translate:360%}}.page-work .row.is-soon{clip-path:inset(0)}@media (prefers-reduced-motion:reduce){.page-work .row.is-soon:after{animation:none!important}}@media (hover:none),(pointer:coarse){.page-work .row-btn{padding-right:calc(64px + var(--s-2));transition:transform .12s ease-out;position:relative}.page-work .row-btn:active{transform:scale(.985)}.page-work .scroll-focus .row-name{color:#707070}.page-work .scroll-focus .row-meta{color:#707070;transition:color .3s}.page-work .scroll-focus .row-name{transition:color .3s}.page-work .scroll-focus .row.focus .row-name{color:var(--ink)}.page-work .scroll-focus .row.focus .row-meta{color:var(--meta)}.page-work .scroll-focus .row-ico{transition:color .3s}.page-work .scroll-focus .row.focus .row-ico{color:var(--c)}.page-work .row-thumb{background:var(--card);opacity:0;border-radius:10px;place-items:center;width:64px;height:48px;margin-top:-24px;transition:opacity .3s,transform .42s cubic-bezier(.2,.8,.2,1);display:grid;position:absolute;top:50%;right:0;transform:translate(16px)}.page-work .row.focus .row-thumb{opacity:1;transform:none}}@media (hover:none) and (prefers-reduced-motion:no-preference),(pointer:coarse) and (prefers-reduced-motion:no-preference){.page-work .row.focus .ico-heart svg{animation:1.1s ease-in-out infinite kw-beat}.page-work .row.focus .ico-bolt svg{animation:1.2s ease-in-out infinite kw-flash}.page-work .row.focus .ico-leaf svg{animation:1.6s ease-in-out infinite kw-sway}.page-work .row.focus .ico-spark svg{animation:1.4s ease-in-out infinite kw-twinkle}.page-work .row.focus .ico-bottle svg{animation:1.6s ease-in-out infinite kw-sway}.page-work .row.focus .ico-note svg{animation:1.2s ease-in-out infinite kw-flash}.page-work .row.focus .ico-ruler svg{animation:1.6s ease-in-out infinite kw-sway}.page-work .row.focus .ico-pen svg{animation:1.4s ease-in-out infinite kw-twinkle}.page-work .row.focus .ico-window svg{animation:1.2s ease-in-out infinite kw-flash}.page-work .row.focus .ico-cube svg{animation:1.4s ease-in-out infinite kw-twinkle}.page-work .row.focus .ico-brush svg{animation:1.6s ease-in-out infinite kw-sway}.page-work .row.focus .ico-doc svg{animation:1.2s ease-in-out infinite kw-flash}}@media (hover:none) and (prefers-reduced-motion:reduce),(pointer:coarse) and (prefers-reduced-motion:reduce){.page-work .row-thumb,.page-work .row.focus .row-thumb{transform:none}}.page-work .preview{z-index:40;background:var(--card);pointer-events:none;opacity:0;border-radius:16px;width:240px;height:180px;transition:opacity .2s,scale .26s cubic-bezier(.2,.8,.2,1);position:fixed;top:0;left:0;overflow:hidden;scale:.92;box-shadow:0 16px 40px -16px #0000004d}.page-work .preview.on{opacity:1;scale:1}.page-work .preview-card{opacity:0;place-items:center;transition:opacity .2s;display:grid;position:absolute;inset:0}.page-work .preview-card.active{opacity:1}.page-work .preview img,.page-work .row-thumb img{object-fit:cover;width:100%;height:100%;display:block}.page-work .preview .art{aspect-ratio:1;width:46%}.page-work .row-thumb .art{aspect-ratio:1;width:58%}.page-work .art svg{width:100%;height:100%;display:block}@media (hover:none),(pointer:coarse){.page-work .preview{display:none}}.page-work .project{outline:none}.page-work .project>*{width:100%;max-width:var(--read-w);margin-left:auto;margin-right:auto}.page-work .project .pj-block .t-lead,.page-work .project>.t-lead{max-width:var(--read-w)}.page-work .project>.pj-images{max-width:var(--read-media)}.page-work .pj-name{outline:none}.page-work .pj-impact{margin-top:var(--gap-title)}.page-work .pj-tags{gap:var(--s-1);margin-top:var(--s-3);flex-wrap:wrap;padding:0;list-style:none;display:flex}.page-work .pj-tags li{padding:var(--s-half) var(--s-2);background:var(--card);border-radius:999px}.page-work .pj-call{margin-top:var(--gap-content)}.page-work .pj-link{margin-top:var(--s-4)}.page-work .pj-link a{color:var(--ink);text-underline-offset:3px;margin:-8px 0;padding:8px 0;-webkit-text-decoration:underline #b8b8b8;text-decoration:underline #b8b8b8;text-decoration-thickness:1px;transition:text-decoration-color .2s;display:inline-block}.page-work .pj-link a:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.page-work .pj-story{gap:var(--s-4);margin-top:var(--gap-content);display:grid}.page-work .pj-block h2{margin-bottom:var(--s-1);font-weight:500}.page-work .pj-images{gap:var(--s-3);margin-top:var(--gap-content);grid-template-columns:repeat(2,1fr);display:grid}.page-work .pj-image{background:var(--card);border-radius:16px;align-self:start;margin:0;overflow:hidden}.page-work .pj-image img{width:100%;height:auto;display:block}.page-work .pj-image.is-art{aspect-ratio:4/3;place-items:center;display:grid}.page-work .pj-image.is-art.is-full{aspect-ratio:16/9}.page-work .pj-image .art{aspect-ratio:1;width:38%}.page-work .pj-image.is-full{grid-column:1/-1}.page-work .pj-images.is-single{grid-template-columns:minmax(0,468px);justify-content:center}@media (width<=640px){.page-work .pj-images{gap:var(--s-2);grid-template-columns:1fr}.page-work .pj-image,.page-work .pj-image.is-full{grid-column:auto}.page-work .pj-images.is-single{grid-template-columns:1fr}}.page-work .kw{white-space:nowrap;font-weight:600;transition:color .24s}.page-work .kw-ico{vertical-align:-.1em;margin-left:.25em}.page-work .pj-impact.on .kw,.page-work .pj-impact.on .kw-ico{color:var(--c)}@media (prefers-reduced-motion:no-preference){.page-work .pj-impact.on .kw-heart svg{animation:1.1s ease-in-out infinite kw-beat}.page-work .pj-impact.on .kw-bolt svg{animation:1.2s ease-in-out infinite kw-flash}.page-work .pj-impact.on .kw-leaf svg{animation:1.6s ease-in-out infinite kw-sway}.page-work .pj-impact.on .kw-spark svg{animation:1.4s ease-in-out infinite kw-twinkle}}@keyframes kw-beat{0%,60%,to{transform:scale(1)}14%{transform:scale(1.18)}28%{transform:scale(1)}42%{transform:scale(1.1)}}@keyframes kw-flash{0%,to{opacity:1;transform:none}20%{transform:translateY(-1px)scale(1.12)}35%{opacity:.5}50%{opacity:1}}@keyframes kw-sway{0%,to{transform:rotate(0)}30%{transform:rotate(-12deg)}70%{transform:rotate(8deg)}}@keyframes kw-twinkle{0%,to{transform:scale(1)rotate(0)}40%{transform:scale(1.2)rotate(20deg)}70%{transform:scale(.95)rotate(-6deg)}}.page-work .reveal{opacity:0;transition:opacity .3s,transform .3s cubic-bezier(.2,.8,.2,1);transform:translateY(8px)}.page-work .reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.page-work .reveal{opacity:1;transform:none}.page-work *,.page-work :before,.page-work :after{transition-duration:.01ms!important;transition-delay:0s!important;animation:none!important}}.cb{gap:var(--s-1);width:100%;height:100%;padding:var(--s-2);color:#2b2b2b;-webkit-user-select:none;user-select:none;background:#e9e6e0;grid-template:"top"104px"keys"1fr/1fr;font-size:12px;display:grid;position:relative}.cb-tile{background:#f5f3ef;border-radius:14px;position:relative;box-shadow:inset 0 1px #fff,0 1px 2px #0000000f}.cb-top{gap:var(--s-1);grid-area:top;grid-template-columns:1fr 104px;min-width:0;display:grid}.cb-screen{min-width:0;padding:var(--s-1) var(--s-2);color:#edebe6;background:#141414;border-radius:14px;position:relative;overflow:hidden}.cb-name{white-space:nowrap;text-overflow:ellipsis;padding-right:90px;font-size:15px;font-weight:600;display:block;overflow:hidden}.cb-wave{width:calc(100% - 24px);height:48%;position:absolute;bottom:8px;left:12px;right:12px}.cb-kt{justify-content:center;align-items:center;gap:var(--s-1);flex-direction:column;display:flex}.cb-knob{cursor:ns-resize;touch-action:none;background:#f9f8f5;border-radius:50%;width:52px;height:52px;position:relative;box-shadow:0 0 0 1px #dcd8d0,0 3px 6px #00000014}.cb-knob .cap{background:var(--k);transform:rotate(var(--a,0deg));border-radius:50%;display:block;position:absolute;inset:12px;box-shadow:inset 0 -2px 3px #00000040,0 2px 3px #0003}.cb-knob .cap:after{content:"";background:#ffffffd9;border-radius:1px;width:2px;height:7px;margin-left:-1px;position:absolute;top:3px;left:50%}.cb-kl{color:#6b6b6b;font-size:11px}.cb-keys{gap:var(--s-1);grid-area:keys;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(6,1fr);min-width:0;display:grid}.cb-key{color:#2b2b2b;text-align:left;touch-action:manipulation;background:linear-gradient(#fcfbf9,#f1efea);border-radius:14px;transition:transform 70ms,box-shadow 70ms;position:relative;box-shadow:inset 0 1px #fff,0 3px #d3cec5,0 5px 10px -4px #0000002e}.cb-key.down{transform:translateY(3px);box-shadow:inset 0 1px #fff,0 0 #d3cec5,0 1px 3px -1px #0003,inset 0 2px 5px #00000014}.cb-key svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px;transition:color .15s;position:absolute;top:12px;left:12px}.cb-key-name{font-size:12px;font-weight:500;line-height:1.15;position:absolute;bottom:10px;left:12px;right:26px}.cb-key-kb{color:#6f6a61;text-transform:uppercase;font-size:11px;position:absolute;top:10px;right:12px}.cb-led{background:#dad6ce;border-radius:50%;width:8px;height:8px;transition:background-color .15s,box-shadow .15s;display:block;position:absolute;bottom:12px;right:12px}.cb-key.lit .cb-led{background:var(--c);box-shadow:0 0 8px 1px var(--c)}.cb-key.lit svg{color:var(--c)}@media (hover:none){.cb-key-kb{display:none}}@media (width<=720px){.cb{grid-template:"top""keys"/1fr}.cb-top{grid-template-columns:1fr 96px}.cb-screen{height:88px}.cb-keys{grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(3,1fr)}}@property --p{syntax:"<number>";inherits:true;initial-value:0}@property --lift{syntax:"<angle>";inherits:true;initial-value:0deg}.qf{position:relative}.qf-spot{width:0;height:0;position:absolute;top:50%;left:50%;transform:scale(1.45)}@media (width<=640px){.qf-spot{transform:scale(1.25)}}.qf-crack{fill:none;stroke:#1a1a1a;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;opacity:.7;width:128px;height:92px;position:absolute;top:-46px;left:-64px;overflow:visible}.qf-tape{cursor:grab;touch-action:none;width:108px;height:30px;margin:-15px 0 0 -54px;transition:--p .38s cubic-bezier(.2,.8,.2,1),--lift .38s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;left:0;transform:rotate(-16deg)}.qf-tape:before{content:"";position:absolute;inset:-14px -8px}.qf-tape.pulling{cursor:grabbing;transition:none}.qf-tape.instant{transition:none}.qf-tape:focus-visible{outline:2px solid var(--ink);outline-offset:6px;border-radius:4px}.qf-tape svg{width:100%;height:100%;display:block;overflow:visible}.qf-tape .tape-body{fill:#ece2c4e0}.qf-tape .tape-edge{fill:#b0a27c8c}.qf-tape .tape-sheen{fill:none;stroke:#fff9;stroke-width:1.2px;vector-effect:non-scaling-stroke}.qf-tape .tape-stuck{clip-path:inset(-6px calc(var(--p) * 100%) -10px -6px);filter:drop-shadow(0 2px 2px #00000024);position:absolute;inset:0}.qf-tape .tape-flap{transform-origin:calc((1 - var(--p)) * 100%) 50%;transform:rotate(var(--lift)) scaleX(-1);filter:drop-shadow(0 calc(var(--p) * 10px + 2px) calc(var(--p) * 8px + 2px) #0003);position:absolute;inset:0}.qf-tape .tape-flap-in{clip-path:inset(-6px -6px -10px calc((1 - var(--p)) * 100%));position:absolute;inset:0}.qf-tape.from-left .tape-stuck{clip-path:inset(-6px -6px -10px calc(var(--p) * 100%))}.qf-tape.from-left .tape-flap{transform-origin:calc(var(--p) * 100%) 50%}.qf-tape.from-left .tape-flap-in{clip-path:inset(-6px calc((1 - var(--p)) * 100%) -10px -6px)}.qf-tape.off{visibility:hidden;pointer-events:none}.qf-tape .tape-corner{filter:drop-shadow(-1px 2px 1.5px #00000038);transform-origin:0 100%;width:14px;height:14px;opacity:calc(1 - var(--p) * 8);background:linear-gradient(225deg,#0000 50%,#f6f0dc 50%);transition:transform .2s;position:absolute;top:1px;right:1px;transform:rotate(-4deg)}.qf-tape:hover .tape-corner{transform:rotate(-14deg)}.qf-drips{position:absolute;top:0;left:0}.qf-drip{--x:5px;--y:22px;background:#3b82f6b3;border-radius:50%/60% 60% 40% 40%;width:5px;height:7px;animation:3.2s ease-in forwards qf-drip;display:block;position:absolute;top:0;left:-2.5px}.qf-drip.left{--x:-22px;--y:18px}@keyframes qf-drip{0%{opacity:0;transform:translateY(4px)scale(.3)}15%{opacity:1;transform:translateY(4px)scale(1)}55%{opacity:1;transform:translate(var(--x), var(--y)) scaleY(1.1)}to{opacity:0;transform:translate(var(--x), calc(var(--y) + 70px)) scaleY(1.35)}}.qf-screen{z-index:55;pointer-events:none;visibility:hidden;--ox:50%;--oy:50%;position:fixed;inset:0;overflow:hidden}.qf-screen.broken{visibility:visible}.qf-screen.instant,.qf-screen.instant *{transition:none!important;animation:none!important}.qf-cracks{width:100%;height:100%;position:absolute;inset:0}.qf-cracks path{fill:none;stroke:#1a1a1ab3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .24s ease-out}.qf-cracks path.glint{stroke:#ffffffe6;transform:translate(.8px,-.8px)}.qf-cracks .s2 path,.qf-cracks .s3 path{transition-duration:.36s}.qf-cracks .stage.in path{stroke-dashoffset:0}.qf-falling{pointer-events:none;animation:1.1s cubic-bezier(.4,0,.7,.4) forwards qf-tape-off;position:absolute}@keyframes qf-tape-off{0%{opacity:1;transform:rotate(-16deg)}25%{opacity:1;transform:translate(-30px,-40px)rotate(-70deg)}to{opacity:0;transform:translate(10px,60vh)rotate(-220deg)}}.qf-leak{left:var(--ox);top:var(--oy);opacity:0;background:#3b82f6b3;border-radius:50%/60% 60% 40% 40%;width:4px;height:6px;margin:-3px 0 0 -2px;animation:.9s cubic-bezier(.5,0,.9,.6) forwards qf-leak;display:block;position:absolute}@keyframes qf-leak{0%{opacity:0;transform:translate(0)scale(.4)}15%{opacity:1;transform:translateY(2px)scale(1)}to{opacity:0;transform:translate(var(--dx), var(--fall)) scaleY(1.3)}}.qf-water{position:absolute;inset:0}.qf-stream{left:var(--ox);top:var(--oy);transform-origin:top;opacity:0;background:linear-gradient(#60a5fabf,#60a5fa59);border-radius:2px;width:3px;margin-left:-1.5px;transition:transform .5s ease-in,opacity .4s;position:absolute;bottom:0;transform:scaleY(0)}.qf-screen.flood .qf-stream{opacity:1;transition:transform .7s cubic-bezier(.5,0,.9,.6),opacity .2s;transform:scaleY(1)}.qf-screen.full .qf-stream{opacity:0;transition:opacity .6s}.qf-level{background:linear-gradient(#93c5fd38,#3b82f652);height:0;transition:height 1.2s cubic-bezier(.5,0,.75,0);position:absolute;bottom:0;left:0;right:0}.qf-screen.flood .qf-level{height:var(--level,100%);transition:height 4.2s cubic-bezier(.3,.15,.4,1) .5s}.qf-screen.flood.full .qf-level{transition:none}.qf-surface{width:200%;height:12px;animation:16s linear infinite qf-surface;position:absolute;bottom:calc(100% - 1px);left:0;overflow:visible}.qf-surface .fill{fill:#93c5fd38}.qf-surface .line{fill:none;stroke:#60a5fa8c;stroke-width:1.2px;vector-effect:non-scaling-stroke}@keyframes qf-surface{to{transform:translate(-50%)}}.qf-bubbles{position:absolute;inset:0;overflow:hidden}.qf-bubble{background:#ffffff40;border:1px solid #fffc;border-radius:50%;animation:8s ease-in-out forwards qf-bubble;display:block;position:absolute;bottom:-8px}@keyframes qf-bubble{0%{opacity:0;transform:translateY(0)}12%{opacity:1}88%{opacity:1}to{opacity:0;transform:translateY(-100vh)}}.qf-back{left:50%;bottom:calc(var(--s-5) + env(safe-area-inset-bottom));background:var(--ink);color:var(--bg);font:500 var(--t-body) / 1 "Hanken Grotesk", sans-serif;cursor:pointer;opacity:0;pointer-events:none;border:0;border-radius:999px;padding:14px 22px;transition:opacity .3s,transform .3s;position:absolute;transform:translate(-50%,12px)}.qf-screen.ready .qf-back{opacity:1;pointer-events:auto;transform:translate(-50%)}.qf-back:focus-visible{outline:2px solid var(--ink);outline-offset:3px}@media (prefers-reduced-motion:reduce){.qf-tape,.qf-tape .tape-corner,.qf-cracks path,.qf-stream,.qf-level,.qf-back,.qf-screen.flood .qf-level,.qf-screen.flood .qf-stream{transition:none}.qf-surface,.qf-falling,.qf-bubble{animation:none}.qf-leak,.qf-stream{display:none}}.page-play *,.page-play :before,.page-play :after{box-sizing:border-box}.page-play h1,.page-play h2,.page-play p{margin:0}.page-play :focus-visible{outline:2px solid var(--ink);outline-offset:3px}.page-play .grid{grid-template-columns:repeat(var(--cols,3), minmax(0, 1fr));gap:var(--s-5) var(--s-3);display:grid}@media (width<=640px){.page-play .grid{gap:var(--s-5);grid-template-columns:1fr}}.page-play .card{color:inherit;text-decoration:none;display:block}.page-play .card-media{aspect-ratio:4/3;background:var(--card);border-radius:28px;place-items:center;display:grid;overflow:hidden}.page-play .card-media .art{aspect-ratio:1;width:56%}.page-play .card-media .art svg{width:100%;height:100%;display:block}.page-play .card-title{margin-top:var(--s-2)}@media (width<=640px){.page-play .card-media.sc{aspect-ratio:auto}}.page-play .card-sub{margin-top:var(--s-half)}.page-play .card.soon .card-media{background:#f4f4f4}.page-play .card.soon .art{opacity:.35}.page-play .mini-cb{background:#e9e6e0;border-radius:16px;grid-template-columns:repeat(6,1fr);gap:6px;width:68%;padding:10px;display:grid;box-shadow:0 12px 24px -12px #00000040}.page-play .mini-cb i{display:block}.page-play .mini-screen{background:#141414;border-radius:8px;grid-column:1/-1;height:38px;margin-bottom:2px;position:relative;overflow:hidden}.page-play .mini-screen svg{fill:none;stroke:#edebe6;stroke-width:1.5px;vector-effect:non-scaling-stroke;opacity:.85;width:200%;height:14px;margin-top:-7px;position:absolute;top:50%;left:0}@media (prefers-reduced-motion:no-preference){.page-play .mini-screen svg{animation:3s linear infinite mini-wave}.page-play .mini-key:nth-of-type(4),.page-play .mini-key:nth-of-type(10){animation:4s ease-in-out infinite mini-press}.page-play .mini-key:nth-of-type(10){animation-delay:2s}.page-play .card.soon .art{animation:4s ease-in-out infinite breathe}}@keyframes mini-wave{to{transform:translate(-50%)}}@keyframes mini-press{0%,86%,to{transform:none;box-shadow:inset 0 1px #fff,0 2px #d3cec5}91%{transform:translateY(2px);box-shadow:inset 0 1px #fff,0 0 #d3cec5}}@keyframes breathe{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.45;transform:scale(1.03)}}.page-play .mini-key{aspect-ratio:1;background:linear-gradient(#fcfbf9,#f1efea);border-radius:6px;position:relative;box-shadow:inset 0 1px #fff,0 2px #d3cec5}.page-play .mini-key[style]:after{content:"";aspect-ratio:1;background:var(--c);border-radius:50%;width:22%;position:absolute;bottom:18%;right:18%}.page-play .reveal{opacity:0;transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1);transform:translateY(16px)}.page-play .reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.page-play .reveal{opacity:1;transform:none}.page-play *,.page-play :before,.page-play :after{transition-duration:.01ms!important}}.page-toy *,.page-toy :before,.page-toy :after{box-sizing:border-box}.page-toy button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.page-toy h1,.page-toy p{margin:0}.page-toy :focus-visible{outline:2px solid var(--ink);outline-offset:3px}.page-toy .back{text-decoration:none;transition:color .12s;display:inline-block}.page-toy .back:hover{color:var(--ink)}.page-toy .toy-title{margin-top:var(--s-3)}.page-toy .toy-stage{border-radius:28px;width:100%;height:clamp(420px,40vw,480px);overflow:hidden;box-shadow:0 0 0 1px #0000000d,0 24px 48px -24px #00000040}.page-toy .toy-stage.cb{padding:var(--s-2);grid-template-rows:112px 1fr}.page-toy .toy-stage.stage-quick-fix{height:clamp(420px,44vw,520px)}@media (width<=720px){.page-toy .toy-stage{border-radius:24px;height:auto}.page-toy .toy-stage.stage-quick-fix{height:min(64svh,520px)}.page-toy .toy-stage.cb{padding:var(--s-1);grid-template-rows:auto auto}.page-toy .toy-stage .cb-keys{grid-template-rows:repeat(4,76px)}}@media (prefers-reduced-motion:reduce){.page-toy *,.page-toy :before,.page-toy :after{transition-duration:.01ms!important}}.page-404 *,.page-404 :before,.page-404 :after{box-sizing:border-box}.page-404 h1,.page-404 p{margin:0}.page-404 .nf-home{color:var(--ink);background:linear-gradient(var(--ink), var(--ink)) 0 100% / 0 1px no-repeat, linear-gradient(#d0d0d0, #d0d0d0) 0 100% / 100% 1px no-repeat;padding-bottom:.06em;text-decoration:none;transition:background-size .45s cubic-bezier(.2,.7,.2,1);position:relative}@media (hover:hover){.page-404 .nf-home:hover{background-size:100% 1px,100% 1px}}.page-404 .nf-home:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.page-404 .nf-home:after{content:"";height:44px;position:absolute;top:50%;left:-4px;right:-4px;transform:translateY(-50%)}@media (prefers-reduced-motion:reduce){.page-404 *{transition-duration:.01ms!important}}:root{--nav-inset:6px;--nav-dot:calc(var(--nav-h) - 2 * var(--nav-inset));--nav-w:calc(3 * var(--nav-btn) + 2 * var(--s-half));--sub-h:36px;--sub-gap:8px;--island-row:calc(var(--sub-gap) + var(--sub-h));--spring:linear(0, .076, .249, .455, .653, .817, .94, 1.02, 1.065, 1.082, 1.081, 1.069, 1.052, 1.035, 1.02, 1.009, 1.001, .996, .993, .993, .994, .995, .997, .998, .999, 1)}.nav-band{z-index:49;height:calc(var(--nav-top) + env(safe-area-inset-top) + var(--nav-h) + var(--s-1));background:var(--bg);pointer-events:none;transition:height .65s var(--spring);position:fixed;top:0;left:0;right:0}html.project-open .nav-band{height:calc(var(--nav-top) + env(safe-area-inset-top) + var(--nav-h) + var(--island-row) + var(--s-1))}.nav-band:after{content:"";height:var(--s-4);background:linear-gradient(var(--bg), #fafafa00);opacity:0;transition:opacity .2s;position:absolute;top:100%;left:0;right:0}html.scrolled .nav-band:after{opacity:1}.nav-space{width:var(--nav-w);height:var(--nav-h);margin-bottom:var(--page-top);flex:none;align-self:center}html.project-open .nav-space{height:calc(var(--nav-h) + var(--island-row))}.nav{top:calc(var(--nav-top) + env(safe-area-inset-top));z-index:50;width:var(--nav-w);height:var(--nav-h);margin:0 auto;position:fixed;left:0;right:0}.nav-bg{width:var(--nav-w);height:var(--nav-h);border-radius:calc(var(--nav-h) / 2);background:#e6e6e6;position:absolute;top:0;left:50%;transform:translate(-50%)}.nav-row{grid-template-columns:repeat(3, var(--nav-btn));padding:var(--s-half);display:grid;position:relative}.nav-dot{left:calc(var(--s-half) + (var(--nav-btn) - var(--nav-dot)) / 2);top:var(--nav-inset);width:var(--nav-dot);height:var(--nav-dot);transform:translateX(calc(var(--i,0) * var(--nav-btn)));background:#fff;border-radius:50%;transition:transform .25s cubic-bezier(.25,.8,.25,1);position:absolute;box-shadow:0 1px 3px #0000001f}.pill-btn{z-index:1;width:var(--nav-btn);height:var(--nav-btn);color:#6b6b6b;border-radius:50%;place-items:center;text-decoration:none;transition:color .25s cubic-bezier(.25,.8,.25,1);display:grid;position:relative}.pill-btn:hover,.pill-btn.is-active{color:#111}.pill-btn:focus-visible{outline-offset:1px;outline:2px solid #000}.pill-btn svg{fill:currentColor;width:20px;height:20px;transition:transform .15s ease-out}.pill-btn:after{content:attr(aria-label);top:calc(100% + var(--s-1));padding:var(--s-half) var(--s-1);color:#fff;white-space:nowrap;pointer-events:none;opacity:0;background:#000;border-radius:6px;font:500 12px/1.2 Hanken Grotesk,sans-serif;transition:opacity .15s,transform .2s;position:absolute;left:50%;transform:translate(-50%,-4px)}.nav.is-open .pill-btn:after,.nav.is-opening .pill-btn:after{top:calc(100% + var(--s-half) + var(--island-row) + var(--s-1))}@media (hover:hover){.pill-btn:hover:after{opacity:1;transform:translate(-50%)}}.pill-btn:focus-visible:after{opacity:1;transform:translate(-50%)}.pill-btn:active svg{transition-duration:60ms;transform:translateY(1px)}.subnav{top:calc(var(--nav-h) + var(--sub-gap));align-items:center;gap:var(--s-1);height:var(--sub-h);border-radius:calc(var(--sub-h) / 2);white-space:nowrap;visibility:hidden;background:#e6e6e6;padding:0 4px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.nav.is-open .subnav{visibility:visible}.nav.is-closing .subnav{visibility:hidden;transition:visibility 0s .15s}.subnav>*{opacity:0;transition:opacity .15s}.nav.is-open .subnav>*{opacity:1;transition:opacity .22s}.nav-goo{pointer-events:none;visibility:hidden;position:absolute;top:0;left:50%;overflow:visible;transform:translate(-50%)}.nav.is-opening .nav-goo,.nav.is-closing .nav-goo{visibility:visible}.sub-arrow{width:calc(var(--sub-h) - 8px);height:calc(var(--sub-h) - 8px);color:#6b6b6b;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;transition:color .2s;display:grid;position:relative}.sub-arrow:before{content:"";opacity:0;background:#fff;border-radius:50%;transition:opacity .18s,transform .22s cubic-bezier(.25,.8,.25,1);position:absolute;inset:0;transform:scale(.85);box-shadow:0 1px 3px #0000001f}.sub-arrow:after{content:"";position:absolute;inset:-8px}.sub-arrow svg{fill:currentColor;width:16px;height:16px;transition:transform .15s ease-out;position:relative}.sub-arrow.is-next svg{transform:scaleX(-1)}@media (hover:hover){.sub-arrow:hover{color:#111}.sub-arrow:hover:before{opacity:1;transform:none}}.sub-arrow:active svg{transition-duration:60ms;transform:translateY(1px)}.sub-arrow.is-next:active svg{transform:scaleX(-1)translateY(1px)}.sub-arrow:focus-visible{outline-offset:1px;outline:2px solid #000}.sub-dots{align-items:center;gap:7px;height:100%;display:flex}.sub-dot{width:5px;height:100%;transition:width .45s var(--spring);flex:none;place-items:center;display:grid;position:relative}.sub-dot i{background:#6b6b6b;border-radius:3px;width:100%;height:5px;transition:background-color .25s;display:block}.sub-dot.is-current{width:14px}.sub-dot.is-current i{background:#111}@media (prefers-reduced-motion:reduce){.nav-band,.nav-dot,.pill-btn,.pill-btn svg,.sub-arrow,.sub-arrow:before,.sub-arrow svg,.sub-dot,.sub-dot i{transition:none!important}.pill-btn:active svg,.sub-arrow:active svg{transform:none}.sub-arrow.is-next:active svg{transform:scaleX(-1)}.subnav{opacity:0;transition:opacity .2s,visibility 0s .2s}.nav.is-open .subnav{opacity:1;transition:opacity .2s}.subnav>*{opacity:1;transition:none}}html{scrollbar-gutter:stable;overflow-y:scroll}:root{--s-1:8px;--s-2:16px;--s-3:24px;--s-4:32px;--s-5:48px;--s-6:64px;--s-7:96px;--s-half:4px;--container:1120px;--gutter:var(--s-2);--nav-top:var(--s-2);--nav-btn:40px;--nav-h:calc(var(--nav-btn) + 2 * var(--s-half));--page-top:var(--s-5)}@media (pointer:coarse){:root{--nav-btn:44px}}@media (width>=640px){:root{--gutter:var(--s-4);--nav-top:var(--s-3);--page-top:var(--s-6)}}@media (width>=1024px){:root{--gutter:var(--s-6);--nav-top:var(--s-4)}}:root.short-screen{--nav-top:var(--s-2);--page-top:var(--s-4)}:root{--bg:#fafafa;--ink:#111;--meta:#595959;--line:#e6e6e6;--card:#f0f0f0;--dim:#f2542d;--t-display:clamp(30px, 3.6vw, 48px);--t-lead:clamp(17px, .4vw + 15.5px, 19px);--t-body:17px;--t-meta:15px;--measure:38rem;--read-w:680px;--read-media:960px;--gap-title:var(--s-2);--gap-content:var(--s-5);--icon-size:calc(.85 * var(--t-lead))}.t-display{font-size:var(--t-display);letter-spacing:-.02em;color:var(--ink);font-weight:500;line-height:1.2}.t-lead{font-size:var(--t-lead);color:var(--ink);font-weight:400;line-height:1.55}.t-body{font-size:var(--t-body);color:var(--ink);font-weight:500;line-height:1.5}.t-meta{font-size:var(--t-meta);color:var(--meta);font-weight:400;line-height:1.45}.t-lead,.t-measure{max-width:var(--measure)}.page-head{padding-bottom:var(--gap-content)}.page-head .t-lead{margin-top:var(--gap-title)}.icon{color:color-mix(in srgb, var(--c) 55%, var(--bg));line-height:0;transition:color .45s;display:inline-block}.icon svg{width:var(--icon-size);height:var(--icon-size);fill:currentColor;display:block;overflow:visible}.icon .tint{opacity:.35}.icon .half{opacity:.55}.wrap{width:100%;max-width:calc(var(--container) + 2 * var(--gutter));padding:var(--nav-top) var(--gutter) var(--s-7);flex-direction:column;margin:0 auto;display:flex}html,body{margin:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}@media (pointer:coarse){.talk,.talk-link,.back{position:relative}.talk:after,.talk-link:after,.back:after{content:"";height:44px;position:absolute;top:50%;left:-4px;right:-4px;transform:translateY(-50%)}}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Hanken Grotesk,sans-serif}@media (prefers-reduced-motion:no-preference){.rise{animation:.6s cubic-bezier(.2,.7,.2,1) both rise}.rise-2{animation-delay:.15s}.rise-3{animation-delay:.3s}.rise-4{animation-delay:.45s}.rise-5{animation-delay:.6s}.intro .rise,.intro-done .rise{animation:none}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.pages{position:relative;overflow:clip}.page-leaving{pointer-events:none;position:absolute;left:0;right:0}[data-enter=right]{--from:40px;animation:.32s cubic-bezier(.2,.8,.2,1) page-in}[data-enter=left]{--from:-40px;animation:.32s cubic-bezier(.2,.8,.2,1) page-in}[data-leave=left]{--to:-24px;animation:.2s ease-in forwards page-out}[data-leave=right]{--to:24px;animation:.2s ease-in forwards page-out}@keyframes page-in{0%{opacity:0;transform:translateX(var(--from))}}@keyframes page-out{to{opacity:0;transform:translateX(var(--to))}}@media (prefers-reduced-motion:reduce){[data-enter],[data-leave]{animation:none}}