.contact *,.contact :before,.contact :after{box-sizing:border-box}.contact a{color:inherit}.contact button{font:inherit}.contact .sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.contact{z-index:60;visibility:hidden;pointer-events:none;transition:visibility 0s .3s;position:fixed;inset:0;overflow:hidden}.contact.open{visibility:visible;transition-delay:0s}.contact-veil{background:color-mix(in srgb, var(--bg) 50%, transparent);-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;transition:opacity .25s;position:absolute;inset:0}.contact.open .contact-veil{opacity:1}.contact.open.touch .contact-veil{pointer-events:auto}.contact-cards{--card-w:calc(360 * var(--u));display:flex;position:absolute}.contact.open .contact-cards{pointer-events:auto}.contact.stack .contact-cards{--card-w:min(calc(360 * var(--u)), 100vw - 2 * var(--gutter));pointer-events:none;justify-content:center;align-items:center;inset:0}.contact.open.stack .ccard,.contact.open.stack .cflip{pointer-events:auto}.contact .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}.contact.open .ccard{opacity:1;transition:transform .52s cubic-bezier(.2,.9,.25,1.04),opacity .22s;transform:none}.contact .bcard{width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .5s var(--ease-out);position:relative}.contact .bcard.tracking{transition:transform 90ms linear}.contact .flip{width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s var(--ease-in-out);position:relative}.contact .cface{cursor:pointer}.contact .flip.is-back{transform:rotateY(180deg)}.contact .flip.instant{transition:none}.contact .flip{pointer-events:none}.contact .flip:not(.is-back) .front,.contact .flip.is-back .back{pointer-events:auto}.contact .flip.turning .cface{pointer-events:none}.contact .cface,.contact .edge{border-radius:16px;position:absolute;inset:0}.contact .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}.contact .front{transform:translateZ(2px)}.contact .back{transform:rotateY(180deg)translateZ(2px)}.contact .edge{pointer-events:none;background:#cfd0ce;box-shadow:inset 0 0 0 1px #0000000f}.contact .edge:first-child{transform:translateZ(1px)}.contact .edge:nth-child(2){transform:translateZ(0)}.contact .edge:nth-child(3){transform:translateZ(-1px)}.contact .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 var(--ease-out);position:absolute;inset:0}.contact .bcard.tracking .sheen{transition-duration:.12s}.contact .engr{color:#676a6d;text-shadow:0 1px #ffffffd9,0 -1px #00000012}.contact .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}.contact .front-who{flex-direction:column;display:flex;position:absolute;bottom:20px;left:22px}.contact .front-name{font-size:var(--t-lead);font-weight:500;line-height:1.25}.contact .front-role{font-size:var(--t-meta);margin-top:2px;line-height:1.3}.contact .back{align-items:center;padding:0 22px;display:flex}.contact .bc-rows{z-index:1;gap:var(--s-1);width:100%;margin:0;padding:0;list-style:none;display:grid;position:relative}.contact .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}.contact .bc-row:after{content:"";position:absolute;inset:-3px 0}.contact .bc-row .bc-text{font-size:var(--t-body);line-height:1.3}.contact .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){.contact .bc-row:hover{background:#0000000b}}.contact .bc-row:active{background:#00000012}.contact .bc-row:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.contact .cflip{width:36px;height:36px;margin-left:var(--s-2);background:var(--surface);color:var(--icon);cursor:pointer;opacity:0;transition:opacity var(--dur-exit) var(--ease-in), transform var(--dur-exit) var(--ease-in), color .3s var(--ease-out), scale .3s var(--spring);border:0;border-radius:50%;flex:none;align-self:center;place-items:center;padding:0;display:grid;position:relative;transform:translate(-8px)}.contact.open .cflip{opacity:1;transition:opacity var(--dur-base) var(--ease-out) .4s, transform var(--dur-base) var(--ease-out) .4s, color var(--dur-micro) var(--ease-out), scale .3s var(--spring);transform:none}.contact .cflip:before{content:"";background:var(--surface-hi);box-shadow:0 1px 3px var(--shadow);opacity:0;transition:opacity .18s ease, transform .22s var(--ease-out);border-radius:50%;position:absolute;inset:4px;transform:scale(.85)}.contact .cflip:after{content:"";position:absolute;inset:-4px}.contact .cflip svg{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px;transition:transform var(--dur-base) var(--ease-out);position:relative}@media (hover:hover){.contact .cflip:hover{color:var(--ink)}.contact .cflip:hover:before{opacity:1;transform:none}.contact .cflip:hover svg{transform:rotate(45deg)}}.contact.open .cflip:active{transition:scale 80ms ease-out,color .2s;scale:.92}.contact .cflip:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.contact.stack .contact-cards{flex-direction:column}.contact.stack .cflip{margin:var(--s-2) 0 0;transform:translateY(-8px)}.contact.open.stack .cflip{transform:none}@media (prefers-reduced-motion:reduce){.contact .ccard,.contact.open .ccard,.contact-veil,.contact{transition:none!important}.contact .ccard{transform:none}.contact .bcard,.contact .flip,.contact .sheen,.contact .cflip,.contact .cflip:before,.contact .cflip svg{transition:none!important}.contact .bcard,.contact .cflip,.contact .cflip:hover svg{transform:none}.contact.open .cflip:active{scale:none}}@media (forced-colors:active){.contact .cflip{border:1px solid buttontext}}:root[data-theme=dark] .contact .contact-cards{filter:brightness(var(--glow))}.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.6}@media (width>=640px){.page-home .head{line-height:1.25}}.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 :is(.icon-line,.lines-host){text-wrap:wrap}.page-home .complex{white-space:nowrap}.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(var(--underline), var(--underline)) 0 100% / 100% 1px no-repeat;transition:background-size .45s var(--ease-out);padding-bottom:.06em;text-decoration:none}@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 .talk{line-height:normal}.page-home .complex,.page-home .fx{cursor:default}.page-home .fx{white-space:nowrap;transition:color .3s;position:relative}.page-home .fx-heart,.page-home .fx-box,.page-home .fx-cash{font-weight:500;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(--cc,var(--c))}.page-home .fx.on,.page-home .fx.on .icon,.page-home .fx.play .icon{transition-duration:var(--dur-micro)}.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 var(--ease-out) .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);font-size:calc(10 * var(--u));letter-spacing:0;font-variant-numeric:tabular-nums;opacity:0;padding:0 4px;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:auto;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 max(12%,64px) calc(100% - max(12%,64px)),#0000);mask-image:linear-gradient(90deg,#0000,#000 max(12%,64px) calc(100% - max(12%,64px)),#0000)}.page-home .wrap{min-height:100svh;padding-bottom:var(--s-3)}.page-home .hero{flex:1}.page-home .body{margin-bottom:var(--s-3)}@media (width>=640px){.page-home .wrap{min-height:min(100vh, calc(1000 * var(--u)));min-height:min(100svh, calc(1000 * var(--u)));padding-bottom:var(--s-7)}.page-home .body{margin-bottom:var(--s-6)}}@media (width>=640px) and (height<=760px) and (hover:hover) and (pointer:fine){.page-home .wrap{padding-bottom:var(--s-3)}.page-home .body{margin-bottom:var(--s-4)}}.page-home .track{will-change:transform;width:max-content;animation:48s linear infinite scroll;display:flex}.page-home .track.paused{animation-play-state:paused}@media (hover:hover){.page-home .marquee:hover .track{animation-play-state:paused}}.page-home .marquee:focus-within .track{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:calc(40 * var(--u));padding-right:var(--s-6);align-items:center;display:flex}.page-home .logo{height:calc(var(--h) * var(--u) * var(--logo-scale,1));width:calc(var(--h) * var(--u) * var(--logo-scale,1) * var(--ratio));background:var(--icon);-webkit-mask:var(--src) center / contain no-repeat;-webkit-mask:var(--src) center / contain no-repeat;mask:var(--src) center / contain no-repeat;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 .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);transition:transform .28s var(--ease-pop), opacity .25s ease;background:linear-gradient(135deg,#fdfdfc 0%,#e4e5e3 45%,#f8f8f6 62%,#d9dad8 100%) border-box;border-radius:50%;transform:scale(0);box-shadow:0 1px 2px #0000000f,0 8px 22px -8px #0003}.page-home .face.ready .face-img{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}.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(--cc,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}}@media (forced-colors:active){.page-home .logo,.page-home .dimline,.page-home .ext{forced-color-adjust:none;background:canvastext}.page-home .dimline:before{border-right-color:canvastext}.page-home .dimline:after{border-left-color:canvastext}.page-home .name,.page-home .complex,.page-home .fx-dim,.page-home .talk{text-underline-offset:.2em;text-decoration:underline}}.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 .work-list[hidden]{display:none}.page-work .gallery{gap:var(--s-5) var(--s-3);grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;display:grid}@media (width<=640px){.page-work .gallery{gap:var(--s-4) var(--s-2);grid-template-columns:repeat(2,minmax(0,1fr))}}.page-work .g-tile{gap:var(--s-2);text-align:left;-webkit-tap-highlight-color:transparent;width:100%;display:grid}.page-work .g-tile.is-soon{cursor:default}.page-work .g-card{perspective:1100px;display:block}.page-work .g-tilt{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .5s var(--ease-out), scale .15s var(--ease-out);display:block}.page-work .g-tilt.tracking{transition:transform 90ms linear, scale .15s var(--ease-out)}.page-work .g-tile:not(.is-soon):active .g-tilt{scale:.98}.page-work .g-cap{justify-content:space-between;align-items:baseline;gap:var(--s-2);min-width:0;display:flex}.page-work .g-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.page-work .g-meta{white-space:nowrap}.page-work .g-tile.is-soon .g-name{color:var(--meta)}.page-work .g-tile:focus-visible{outline:none}.page-work .g-tile:focus-visible .w-cover{outline:2px solid var(--ink);outline-offset:4px}@media (width<=640px){.page-work .g-cap{flex-direction:column;gap:0}.page-work .g-name{white-space:normal}}@media (hover:hover) and (pointer:fine){.page-work .g-tile:not(.is-soon):hover .w-cover .sheen{opacity:1}}.page-work .pj-next{gap:var(--s-2);margin-top:var(--s-7);padding-top:var(--s-4);border-top:1px solid var(--line);display:grid}.page-work .pj-next .gallery{grid-template-columns:minmax(0, calc(280 * var(--u)))}.page-work .project{--hero-max:var(--read-w)}@media (width<=800px){.page-work .project{--hero-max:100%}}.page-work .project>.pj-hero{width:min(100%, var(--hero-max), calc((100svh - var(--nav-top) - var(--nav-h) - var(--island-row) - var(--page-top) - var(--s-4)) * 4 / 3));max-width:none;margin-bottom:var(--s-6)}.page-work .pj-hero .w-cover{aspect-ratio:4/3}@media (width<=640px){.page-work .project>.pj-hero{margin-bottom:var(--s-5)}}.page-work .pj-hero .w-cover-in>*{height:100%;margin:0;display:block}.page-work .pj-hero .cs-hero{aspect-ratio:auto;background:var(--pc,var(--card));border-radius:0;width:100%;height:100%}.page-work .g-live{margin:0;position:absolute;inset:0}.page-work .g-live .cs-hero{--pw:36cqi;--pt:12cqi;aspect-ratio:auto;background:var(--pc,var(--card));border-radius:0;width:100%;height:100%}.page-work .project.is-landing>:not(.pj-hero){opacity:0}.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)}@media (width<=800px){.page-work .project>*,.page-work .project>.pj-images{max-width:none}}.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);background:linear-gradient(var(--ink), var(--ink)) 0 100% / 0 1px no-repeat, linear-gradient(var(--underline), var(--underline)) 0 100% / 100% 1px no-repeat;transition:background-size .45s var(--ease-out);padding-bottom:.06em;text-decoration:none}@media (hover:hover){.page-work .pj-link a:hover{background-size:100% 1px,100% 1px}}@media (forced-colors:active){.page-work .pj-link a{text-decoration:underline}}.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{border-radius:var(--r-card);background:var(--card);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, calc(468 * var(--u)))}.page-work .pj-in{opacity:0;transition:opacity var(--dur-emph) ease, transform var(--dur-emph) var(--ease-out);transform:translateY(16px)}.page-work .pj-in.in{opacity:1;transform:none}.page-work .pj-image img,.page-work .pj-image .art{transition:transform .9s var(--ease-out)}.page-work .pj-image .art svg>*{transition:transform .5s var(--ease-out);transform-box:fill-box;transform-origin:50%}@media (hover:hover) and (pointer:fine){.page-work .pj-image:hover img,.page-work .pj-image:hover .art{transform:scale(1.02)}.page-work .pj-image:hover .art svg>*{transform:translateY(-4px)}.page-work .pj-image:hover .art svg>:nth-child(2){transition-delay:60ms}.page-work .pj-image:hover .art svg>:nth-child(3){transition-delay:.12s}.page-work .pj-image:hover .art svg>:nth-child(4){transition-delay:.18s}.page-work .pj-image:hover .art svg>:nth-child(n+5){transition-delay:.22s}}@media (prefers-reduced-motion:reduce){.page-work .pj-in{opacity:1;transition:none;transform:none}.page-work .pj-image img,.page-work .pj-image .art,.page-work .pj-image .art svg>*{transition:none;transform:none!important}}@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:500;transition:color .3s}.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(--cc,var(--c));transition-duration:var(--dur-micro)}@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}.page-work .pj-impact.on .kw-ruler svg{animation:1.6s ease-in-out infinite kw-sway}}@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 ease, transform .3s var(--ease-out);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}}.w-cover{--frame:calc(10 * var(--u));aspect-ratio:1;border-radius:calc(18 * var(--u));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%);display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000012,inset 0 1px #ffffffe6,0 2px 4px #0000000d,0 20px 44px -18px #00000047}.w-cover-in{inset:var(--frame);border-radius:max(4px, calc(18 * var(--u) - var(--frame) * .6));background:var(--col,var(--card));position:absolute;overflow:hidden;box-shadow:inset 0 1px 2px #0003,0 0 0 1px #0000000d}.w-cover-in img{object-fit:cover;width:100%;height:100%;display:block}.w-video{object-fit:cover;background:var(--col);width:100%;height:100%;transition:opacity var(--dur-base) ease;display:block;position:absolute;inset:0}.w-video.is-waiting{opacity:0}.w-motion{background:var(--col);--lt:var(--t-lt,color-mix(in oklab, var(--col), #fff 34%));--hi:var(--t-hi,color-mix(in oklab, var(--col), #fff 62%));--dk:var(--t-dk,color-mix(in oklab, var(--col), #000 34%));position:absolute;inset:0;overflow:hidden}.w-motion i{pointer-events:none;display:block;position:absolute}.w-cover:not(.is-live) .w-motion i{animation-play-state:paused}@keyframes m-spin{to{transform:rotate(1turn)}}.m-drift{background:linear-gradient(160deg, var(--lt), var(--col) 45%, var(--dk))}.m-drift i{aspect-ratio:1;border-radius:50%;width:95%}.m-drift i:first-child{background:radial-gradient(closest-side, var(--hi), transparent);opacity:.85;animation:14s ease-in-out infinite m-drift-a;top:-30%;left:-25%}.m-drift i:nth-child(2){background:radial-gradient(closest-side, var(--lt), transparent);animation:18s ease-in-out infinite m-drift-b;top:15%;right:-35%}.m-drift i:nth-child(3){background:radial-gradient(closest-side, var(--dk), transparent);animation:16s ease-in-out infinite m-drift-c;bottom:-45%;left:0}@keyframes m-drift-a{0%,to{transform:none}33%{transform:translate(40%,22%)scale(1.15)}66%{transform:translate(12%,50%)scale(.9)}}@keyframes m-drift-b{0%,to{transform:none}50%{transform:translate(-50%,-28%)scale(1.2)}}@keyframes m-drift-c{0%,to{transform:none}40%{transform:translate(35%,-35%)scale(1.1)}75%{transform:translate(-15%,-12%)scale(.95)}}.m-tide{background:linear-gradient(180deg, var(--hi), var(--lt) 45%, var(--col))}.m-tide i{width:200%;bottom:-6%;left:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 12C16.7 0 33.3 0 50 12S83.3 24 100 12V100H0Z'/%3E%3C/svg%3E") 0 0/50% 100% repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 12C16.7 0 33.3 0 50 12S83.3 24 100 12V100H0Z'/%3E%3C/svg%3E") 0 0/50% 100% repeat-x}.m-tide i:first-child{background:var(--lt);opacity:.7;height:78%;animation:11s linear infinite m-tide,5.5s ease-in-out infinite m-bob}.m-tide i:nth-child(2){background:var(--col);height:58%;animation:8s linear infinite reverse m-tide,4.2s ease-in-out -1.5s infinite m-bob}.m-tide i:nth-child(3){background:var(--dk);opacity:.75;height:38%;animation:5.5s linear infinite m-tide,3.6s ease-in-out -.8s infinite m-bob}@keyframes m-tide{to{transform:translate(-50%)}}@keyframes m-bob{50%{translate:0 5%}}.m-radar{background:radial-gradient(circle at 50% 50%, var(--lt), var(--col) 48%, var(--dk))}.m-radar i:first-child{aspect-ratio:1;background:conic-gradient(from 0deg, transparent 0turn .7turn, color-mix(in oklab, var(--hi) 75%, transparent) .985turn, transparent 1turn);border-radius:50%;width:170%;animation:6s linear infinite m-spin;top:50%;left:50%;translate:-50% -50%}.m-radar i:nth-child(2){aspect-ratio:1;background:radial-gradient(closest-side, transparent 62%, color-mix(in oklab, var(--hi) 55%, transparent) 72%, transparent 82%);border-radius:50%;height:100%;animation:3s cubic-bezier(.2,.6,.3,1) infinite m-ping;top:0;left:50%;transform:scale(.6)}@keyframes m-ping{0%{opacity:1;transform:scale(.15)}to{opacity:0;transform:scale(1.5)}}.m-scan{background:linear-gradient(135deg, var(--lt), var(--col) 50%, color-mix(in oklab, var(--col), #000 12%))}.m-scan i:first-child{background:linear-gradient(180deg, transparent, color-mix(in oklab, var(--hi), #fff 30%) 50%, transparent);height:40%;animation:4.2s ease-in-out infinite alternate m-scan-y;top:-40%;left:0;right:0;transform:translateY(160%)}.m-scan i:nth-child(2){background:linear-gradient(90deg, transparent, color-mix(in oklab, var(--col), #000 22%) 50%, transparent);opacity:.55;width:45%;animation:6.6s ease-in-out infinite alternate m-scan-x;top:0;bottom:0;left:-45%;transform:translate(160%)}@keyframes m-scan-y{0%{transform:translateY(0)}to{transform:translateY(350%)}}@keyframes m-scan-x{0%{transform:translate(0)}to{transform:translate(322%)}}.m-bloom{background:linear-gradient(180deg, var(--lt), var(--col) 55%, var(--dk))}.m-bloom i{aspect-ratio:1;background:radial-gradient(closest-side, var(--hi), transparent 72%);opacity:.5;border-radius:50%;width:140%;animation:7.5s cubic-bezier(.2,.6,.3,1) infinite m-bloom;top:80%;left:50%;transform:scale(.6)}.m-bloom i:nth-child(2){animation-delay:-2.5s}.m-bloom i:nth-child(3){animation-delay:-5s}@keyframes m-bloom{0%{opacity:0;transform:scale(.1)}18%{opacity:.9}to{opacity:0;transform:scale(1.5)}}.m-ink{background:radial-gradient(120% 90% at 30% 20%, color-mix(in oklab, var(--col), #fff 14%), var(--col) 60%, color-mix(in oklab, var(--col), #000 35%))}.m-ink i{aspect-ratio:1;background:radial-gradient(closest-side, color-mix(in oklab, var(--col), #fff 34%), color-mix(in oklab, var(--col), #fff 18%) 70%, color-mix(in oklab, var(--col), #fff 10%));opacity:.55;border-radius:42% 58% 63% 37%/41% 44% 56% 59%;width:70%}.m-ink i:first-child{animation:15s ease-in-out infinite m-ink-a;top:5%;left:-5%}.m-ink i:nth-child(2){border-radius:61% 39% 45% 55%/52% 63% 37% 48%;width:55%;animation:19s ease-in-out infinite m-ink-b;top:30%;right:-10%}.m-ink i:nth-child(3){opacity:.4;width:50%;animation:13s ease-in-out infinite m-ink-c;bottom:-15%;left:25%}@keyframes m-ink-a{0%,to{transform:rotate(0)scale(.85)}50%{transform:translate(28%,22%)rotate(150deg)scale(1.2)}}@keyframes m-ink-b{0%,to{transform:rotate(0)scale(1)}50%{transform:translate(-40%,-18%)rotate(-120deg)scale(.8)}}@keyframes m-ink-c{0%,to{transform:rotate(0)}50%{transform:translate(-25%,-45%)rotate(200deg)scale(1.3)}}.m-turn{background:var(--dk)}.m-turn i:first-child{aspect-ratio:1;background:linear-gradient(90deg, var(--dk), var(--col) 35%, var(--lt) 50%, var(--col) 65%, var(--dk));width:170%;animation:16s linear infinite m-spin;top:50%;left:50%;translate:-50% -50%}.m-turn i:nth-child(2){background:radial-gradient(closest-side, color-mix(in oklab, var(--hi) 50%, transparent), transparent);border-radius:50%;animation:12s ease-in-out infinite m-drift-b;inset:20%}@media (prefers-reduced-motion:reduce){.w-motion i{animation:none!important}}.w-cover .sheen{z-index:1;pointer-events:none;opacity:0;background:linear-gradient(112deg, #00000009 0%, #fff0 32%, #ffffff80 47%, #fff0 60%, #00000008 100%) calc(100% - var(--mx,35%)) 0 / 260% 100% no-repeat;transition:background-position .5s var(--ease-out), opacity .3s ease;position:absolute;inset:0}.g-tilt.tracking .w-cover .sheen{transition:background-position .12s linear,opacity .3s}@media (width<=640px){.w-cover{--frame:calc(7 * var(--u));border-radius:calc(14 * var(--u))}}:root[data-theme=dark] .w-cover{filter:brightness(var(--glow));box-shadow:inset 0 0 0 1px #00000012,inset 0 1px #ffffffe6,0 2px 4px #0000004d,0 20px 44px -18px #000000b3}:root[data-theme=dark] .w-cover img{filter:none}.w-flight{z-index:45;perspective:1400px;pointer-events:none;position:fixed;inset:0}.w-flyer{transform-style:preserve-3d;will-change:transform, left, top, width, height;position:fixed}.w-flyer .w-cover{aspect-ratio:auto;width:100%;height:100%}@media (forced-colors:active){.w-cover{border:1px solid canvastext}}.site-foot{justify-content:space-between;align-items:baseline;gap:var(--s-2) var(--s-3);margin-top:var(--s-7);padding-top:var(--s-3);border-top:1px solid var(--line);flex-wrap:wrap;display:flex}.site-foot p{margin:0}.site-foot .foot-time{font-variant-numeric:tabular-nums}.wrap:has(>.site-foot){padding-bottom:var(--s-5)}.w-demo{position:absolute;inset:0;overflow:hidden;container-type:size}.w-demo>*{position:absolute}.w-demo img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;display:block}.w-cover.has-demo .w-cover-in{background:0 0}.w-cover.has-demo .w-motion{display:none}.page-about *,.page-about :before,.page-about :after{box-sizing:border-box}.page-about h1,.page-about h2,.page-about h3,.page-about p,.page-about ul,.page-about figure,.page-about blockquote{margin:0}.page-about ul{padding:0;list-style:none}.page-about a{color:inherit}.page-about :focus-visible{outline:2px solid var(--ink);outline-offset:3px}.page-about .ab-photos{max-width:var(--measure);padding:var(--s-1) 0 var(--s-5);align-items:flex-start;display:flex}.page-about .polaroid{--img:calc(280 * var(--u));--pad:calc(16 * var(--u));--rx:0deg;--ry:0deg;width:calc(var(--img) + 2 * var(--pad));padding:var(--pad) var(--pad) calc(72 * var(--u));cursor:default;transform:perspective(900px) rotateX(0deg) rotateY(0deg) translateY(0) scale(1) rotate(var(--tilt));transition:transform .3s var(--ease-out), box-shadow .3s ease;background:#fff;flex:none;position:relative;box-shadow:0 0 0 1px #0000000d,0 1px 2px #0000000f,0 10px 24px -10px #00000038}.page-about .polaroid-img{aspect-ratio:1;background:var(--card);overflow:hidden;box-shadow:inset 0 0 0 1px #0000000a}.page-about .polaroid img{object-fit:cover;filter:saturate(.88)contrast(.97);width:100%;height:100%;transition:filter .6s;display:block}@media (hover:hover) and (pointer:fine){.page-about .polaroid:hover{z-index:1;transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(-6px) scale(1.03) rotate(0deg);transition-duration:.2s,.3s;box-shadow:0 0 0 1px #0000000d,0 2px 4px #0000000f,0 24px 44px -16px #00000052}.page-about .polaroid:hover img{filter:none;transition-duration:var(--dur-emph)}}.page-about .polaroid.on,.page-about .polaroid:focus-visible{z-index:1;transform:perspective(900px)rotateX(0)rotateY(0)translateY(-6px)scale(1.03)rotate(0)}.page-about .polaroid.on img,.page-about .polaroid:focus-visible img{filter:none;transition-duration:var(--dur-emph)}@media (width<=600px){.page-about .polaroid{--pad:12px;--img:min(260px, 100vw - 2 * var(--gutter) - 48px);margin-left:var(--s-1);padding-bottom:56px}}.page-about .ab-blocks{gap:var(--s-5);max-width:var(--measure);flex-direction:column;display:flex}.page-about .ab-block>*+*{margin-top:var(--s-2)}.page-about .ab-block>.ab-label+*{margin-top:var(--s-1)}.page-about .ab-list li+li{margin-top:var(--s-2)}.page-about .ab-chapters{gap:var(--s-4);margin:var(--s-2) 0 0;padding:0 0 0 var(--s-3);list-style:none;display:grid}.page-about .ab-chapter{position:relative}.page-about .ab-chapter h3{margin:0;position:relative}.page-about .ab-chapter h3:before{content:"";z-index:1;left:calc(-1 * var(--s-3));border:1px solid var(--rest);background:var(--bg);box-sizing:border-box;border-radius:50%;width:7px;height:7px;margin-top:-3.5px;position:absolute;top:50%}.page-about .ab-chapter.is-now h3:before{border-color:var(--dim);background:var(--dim)}.page-about .ab-chapter.is-now h3{color:var(--ink)}.page-about .ab-chapter:not(:last-child):after{content:"";left:calc(-1 * var(--s-3) + 3px);top:calc(.5 * var(--t-meta) * 1.45);bottom:calc(-1 * var(--s-4) - .5 * var(--t-meta) * 1.45);background:#d0d0d0;width:1px;position:absolute}.page-about .ab-chapter h3+p{margin-top:var(--s-1)}.page-about .ab-list li{text-wrap:pretty}.page-about .ab-list strong{font-weight:600}.page-about .rcp{--w:calc(280 * var(--u));--zig:6px;max-width:var(--measure);margin:var(--s-3) 0 0;padding:0 0 calc(96 * var(--u));touch-action:pan-y;-webkit-tap-highlight-color:transparent;list-style:none;display:grid;position:relative}.page-about .rcp-r{width:var(--w);cursor:grab;translate:var(--px,0px) var(--y,0px);rotate:var(--r,0deg);filter:drop-shadow(0 1px 1px #00000012)drop-shadow(0 8px 14px #0000001a);transition:translate .3s var(--ease-out), rotate .3s var(--ease-out), scale .3s var(--ease-out), filter .3s ease;outline:none;grid-area:1/1;place-self:start;scale:1}.page-about .rcp-paper{padding:var(--s-3) var(--s-3) calc(var(--s-3) + var(--zig));-webkit-mask:linear-gradient(#000 0 0) top / 100% calc(100% - var(--zig)) no-repeat, conic-gradient(from -45deg at 50% 100%, #0000, #000 1deg 89deg, #0000 90deg) bottom / calc(2 * var(--zig)) var(--zig) repeat-x;-webkit-mask:linear-gradient(#000 0 0) top / 100% calc(100% - var(--zig)) no-repeat, conic-gradient(from -45deg at 50% 100%, #0000, #000 1deg 89deg, #0000 90deg) bottom / calc(2 * var(--zig)) var(--zig) repeat-x;mask:linear-gradient(#000 0 0) top / 100% calc(100% - var(--zig)) no-repeat, conic-gradient(from -45deg at 50% 100%, #0000, #000 1deg 89deg, #0000 90deg) bottom / calc(2 * var(--zig)) var(--zig) repeat-x;background:#fff}.page-about .rcp-paper>*+*{margin-top:var(--s-1)}.page-about .rcp-head{text-transform:uppercase;letter-spacing:.12em;color:var(--ink)}.page-about .rcp-paper>.rcp-head+*{margin-top:var(--s-2);padding-top:var(--s-2);border-top:1px dashed #cfcfcf}.page-about .rcp-paper blockquote p{text-wrap:pretty}.page-about .rcp-paper>.rcp-en{margin-top:var(--s-half)}.page-about .is-summary .rcp-head,.page-about .is-summary .rcp-sub{text-align:center}.page-about .is-summary .rcp-paper>.rcp-sub:nth-of-type(2){margin-top:var(--s-half);border-top:0;padding-top:0}.page-about .rcp-total{padding-top:var(--s-2);border-top:1px dashed #cfcfcf;justify-content:space-between;align-items:baseline;display:flex;margin-top:var(--s-2)!important}.page-about .rcp-total .t-display{font-variant-numeric:tabular-nums;line-height:1}.page-about .is-summary .rcp-total+.rcp-sub{text-align:right}.page-about .rcp-barcode{width:62%;height:calc(26 * var(--u));fill:var(--ink);display:block;margin:var(--s-2) auto 0!important}@media (hover:hover) and (pointer:fine){.page-about .rcp-r:hover{translate:var(--px) calc(var(--y) - 8px);rotate:calc(var(--r) * .25);filter:drop-shadow(0 2px 2px #00000014)drop-shadow(0 18px 28px #00000029);transition-duration:.2s;scale:1.03;z-index:100!important}}.page-about .rcp-r:focus-visible{translate:var(--px) calc(var(--y) - 8px);rotate:calc(var(--r) * .25);scale:1.03;z-index:100!important}.page-about .rcp-r:focus-visible .rcp-paper{box-shadow:inset 0 0 0 2px var(--ink)}.page-about .rcp-r.is-picked{transition-duration:.12s;scale:.98}.page-about .rcp-r.is-drag{cursor:grabbing;scale:1.04;z-index:100!important}.page-about .rcp .rcp-r.is-drag,.page-about .rcp.is-in.is-settled .rcp-r.is-drag{transition:rotate .2s var(--ease-out), scale .2s var(--ease-out)}@media not all and (hover:hover) and (pointer:fine){.page-about .rcp-r{cursor:pointer}}@media (prefers-reduced-motion:no-preference){.page-about .rcp:not(.is-in) .rcp-r{opacity:0;translate:var(--px,0px) calc(var(--y,0px) - 40px);rotate:calc(var(--r,0deg) * 2.5);transition:none}.page-about .rcp.is-in .rcp-r{transition:translate var(--dur-emph) var(--ease-out) calc(var(--i) * 70ms), rotate var(--dur-emph) var(--ease-out) calc(var(--i) * 70ms), opacity var(--dur-base) ease calc(var(--i) * 70ms), scale .3s var(--ease-out), filter .3s ease}.page-about .rcp.is-in.is-settled .rcp-r{transition:translate .3s var(--ease-out), rotate .3s var(--ease-out), scale .3s var(--ease-out), filter .3s ease}}.page-about .rcp-hint{margin-top:var(--s-1)}.page-about .rcp-hint .for-touch{display:none}@media not all and (hover:hover) and (pointer:fine){.page-about .rcp-hint .for-mouse{display:none}.page-about .rcp-hint .for-touch{display:inline}}@media (width<=600px){.page-about .rcp{--w:min(calc(260 * var(--u)), 100% - 40px)}.page-about .rcp-paper{padding-left:var(--s-2);padding-right:var(--s-2)}}.page-about .talk{font:inherit;color:inherit;cursor:pointer;background:linear-gradient(var(--ink), var(--ink)) 0 100% / 0 1px no-repeat, linear-gradient(var(--underline), var(--underline)) 0 100% / 100% 1px no-repeat;transition:background-size .45s var(--ease-out);border:0;margin:0;padding:0 0 .06em;line-height:normal;text-decoration:none}@media (hover:hover){.page-about .talk:hover{background-size:100% 1px,100% 1px}}.page-about .talk[aria-expanded=true]{background-size:100% 1px,100% 1px}.page-about .ab-link{background:linear-gradient(var(--ink), var(--ink)) 0 100% / 0 1px no-repeat, linear-gradient(var(--underline), var(--underline)) 0 100% / 100% 1px no-repeat;transition:background-size .45s var(--ease-out);padding-bottom:.06em;text-decoration:none}@media (hover:hover){.page-about .ab-link:hover{background-size:100% 1px,100% 1px}}@media (pointer:coarse){.page-about .polaroid{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}}.page-about .rcp{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.page-about .reveal{opacity:0;transition:opacity var(--dur-emph) ease, transform var(--dur-emph) var(--ease-out);transform:translateY(16px)}.page-about .reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.page-about .reveal{opacity:1;transform:none}.page-about .polaroid img{filter:none}.page-about *,.page-about :before,.page-about :after{transition-duration:.01ms!important}}@media (forced-colors:active){.page-about .ab-link,.page-about .talk{text-underline-offset:.2em;text-decoration:underline}.page-about .polaroid,.page-about .rcp-paper{border:1px solid canvastext}.page-about .rcp-barcode{fill:canvastext}}.page-404 *,.page-404 :before,.page-404 :after{box-sizing:border-box}.page-404 h1,.page-404 p{margin:0}:root{--nav-inset:calc(6 * var(--u));--nav-dot:calc(var(--nav-h) - 2 * var(--nav-inset));--nav-n:3;--nav-w:calc(var(--nav-n) * var(--nav-btn) + 2 * var(--s-half));--sub-h:calc(36 * var(--u));--sub-gap:calc(8 * var(--u));--sub-space:var(--s-1);--island-row:calc(var(--sub-gap) + var(--sub-h))}.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), transparent);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:var(--surface);position:absolute;top:0;left:50%;transform:translate(-50%)}.nav-row{grid-template-columns:repeat(var(--nav-n), 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);background:var(--surface-hi);box-shadow:0 1px 3px var(--shadow);transform:translateX(calc(var(--i,0) * var(--nav-btn)));transition:transform .25s var(--ease-out);border-radius:50%;position:absolute}.pill-btn{z-index:1;width:var(--nav-btn);height:var(--nav-btn);color:var(--icon);transition:color .25s var(--ease-out);border-radius:50%;place-items:center;text-decoration:none;display:grid;position:relative}.pill-btn:hover,.pill-btn.is-active{color:var(--ink)}.pill-btn:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}.pill-btn svg{width:calc(20 * var(--u));height:calc(20 * var(--u));fill:currentColor;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);border-radius:var(--r-tag);background:var(--tip-bg);color:var(--tip-ink);font:500 12px/1.2 Hanken Grotesk,sans-serif;font-size:calc(12 * var(--u));white-space:nowrap;pointer-events:none;opacity:0;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,.nav.is-closing .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%)}@media (pointer:fine){.theme-btn:after{content:attr(aria-label);top:calc(100% + var(--s-1));padding:var(--s-half) var(--s-1);border-radius:var(--r-tag);background:var(--tip-bg);color:var(--tip-ink);font:500 12px/1.2 Hanken Grotesk,sans-serif;font-size:calc(12 * var(--u));white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s,transform .2s;position:absolute;right:0;transform:translateY(-4px)}.theme-btn:hover:after,.theme-btn:focus-visible:after{opacity:1;transform:none}}.pill-btn:active svg{transition-duration:60ms;transform:translateY(1px)}.nav.no-page .nav-dot{opacity:0}.theme-btn{top:calc(var(--nav-top) + env(safe-area-inset-top));right:calc(var(--gutter) + env(safe-area-inset-right));width:var(--nav-h);height:var(--nav-h);background:var(--surface);color:var(--icon);cursor:pointer;transition:color .2s ease, scale .3s var(--spring);border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:fixed}@media (width<=359px){.theme-btn{right:var(--s-1)}}.theme-btn:before{content:"";inset:var(--nav-inset);background:var(--surface-hi);box-shadow:0 1px 3px var(--shadow);opacity:0;transition:opacity .18s ease, transform .22s var(--ease-out);border-radius:50%;position:absolute;transform:scale(.85)}.theme-btn svg{width:calc(20 * var(--u));height:calc(20 * var(--u));fill:currentColor;position:relative;overflow:visible}.theme-btn .theme-bite{transition:transform var(--dur-theme) var(--ease-theme);transform:translate(8px,-8px)}.theme-btn .theme-disc{transform-box:fill-box;transform-origin:50%;transition:transform var(--dur-theme) var(--ease-theme)}.theme-btn .theme-rays{transform-box:view-box;transform-origin:12px 12px;transition:transform .3s var(--ease-out), opacity .2s ease}.theme-btn.is-dark .theme-bite{transform:none}.theme-btn.is-dark .theme-disc{transform:scale(1.3)rotate(-20deg)}.theme-btn.is-dark .theme-rays{opacity:0;transform:rotate(-45deg)scale(.6)}@media (hover:hover){.theme-btn:hover{color:var(--ink)}.theme-btn:hover:before{opacity:1;transform:none}}.theme-btn:active{transition:scale 80ms ease-out,color .2s;scale:.94}.theme-btn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.subnav{top:calc(var(--nav-h) + var(--sub-gap));align-items:center;gap:var(--sub-space);height:var(--sub-h);white-space:nowrap;visibility:hidden;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}.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-mid{height:100%;padding:0 calc(var(--sub-h) / 2 - 2.5px);border-radius:calc(var(--sub-h) / 2);background:var(--surface);align-items:center;display:flex}.sub-mid>*{opacity:0;transition:opacity .15s}.nav.is-open .sub-mid>*{opacity:1;transition:opacity .22s}.sub-arrow{width:var(--sub-h);height:var(--sub-h);background:var(--surface);color:var(--icon);cursor:pointer;opacity:0;transform:translateX(calc(var(--toward,1) * 20px)) scale(.6);border:0;border-radius:50%;flex:none;place-items:center;padding:0;transition:opacity .15s,transform .15s,color .2s;display:grid;position:relative}.sub-arrow.is-next{--toward:-1}.nav.is-open .sub-arrow{opacity:1;transition:opacity .22s ease 40ms, transform .42s var(--spring) 40ms, color .2s ease, scale .3s var(--spring);transform:none}.sub-arrow:before{content:"";background:var(--surface-hi);box-shadow:0 1px 3px var(--shadow);opacity:0;transition:opacity .18s ease, transform .22s var(--ease-out);border-radius:50%;position:absolute;inset:4px;transform:scale(.85)}.sub-arrow:after{content:"";position:absolute;inset:-4px}.sub-arrow svg{width:calc(16 * var(--u));height:calc(16 * var(--u));fill:currentColor;transition:transform .15s ease-out, translate .22s var(--ease-out);position:relative}.sub-arrow.is-next svg{transform:scaleX(-1)}@media (hover:hover){.sub-arrow:hover{color:var(--ink)}.sub-arrow:hover:before{opacity:1;transform:none}.sub-arrow:hover svg{translate:-2px}.sub-arrow.is-next:hover svg{translate:2px}}.nav.is-open .sub-arrow:active{transition:scale 80ms ease-out,color .2s;scale:.92}.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:2px solid var(--ink);outline-offset:2px}.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:var(--rest);border-radius:3px;width:100%;height:5px;transition:background-color .25s;display:block}.sub-dot.is-current{width:var(--s-2)}.sub-dot.is-current i{background:var(--ink)}@media (pointer:coarse){:root{--sub-space:var(--s-2)}}@media (prefers-reduced-motion:reduce){.theme-btn,.theme-btn *,.theme-btn:before,.theme-btn:after,.nav-band,.nav-dot,.pill-btn,.pill-btn svg,.pill-btn:after,.sub-arrow,.sub-arrow:before,.sub-arrow svg,.sub-dot,.sub-dot i{transition:none!important}.pill-btn:after{transform:translate(-50%)}.pill-btn:active svg,.sub-arrow:active svg{transform:none}.sub-arrow:hover svg,.sub-arrow.is-next:hover svg{translate:none}.nav.is-open .sub-arrow:active{scale: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}.sub-mid>*,.sub-arrow{opacity:1;transition:none;transform:none}}@media (forced-colors:active){.nav-bg,.sub-mid,.sub-arrow,.theme-btn{border:1px solid canvastext}.nav-dot{forced-color-adjust:none;box-sizing:border-box;background:canvas;border:2px solid canvastext}.sub-dot i{forced-color-adjust:none;background:graytext}.sub-dot.is-current i{background:canvastext}}html{scrollbar-gutter:stable;overflow-y:scroll}:root{--u:calc(1px + clamp(0px, 100vw - 1440px, 1120px) * .3 / 1120);--s-1:calc(8 * var(--u));--s-2:calc(16 * var(--u));--s-3:calc(24 * var(--u));--s-4:calc(32 * var(--u));--s-5:calc(48 * var(--u));--s-6:calc(64 * var(--u));--s-7:calc(96 * var(--u));--s-half:calc(4 * var(--u));--container:calc(1120 * var(--u));--gutter:var(--s-2);--nav-top:var(--s-2);--nav-btn:calc(40 * var(--u));--nav-h:calc(var(--nav-btn) + 2 * var(--s-half));--page-top:var(--s-5)}@media (pointer:coarse){:root{--nav-btn:calc(44 * var(--u))}}@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)}}@media (width>=640px) and (height<=760px) and (hover:hover) and (pointer:fine){:root{--page-top:var(--s-4)}}@media (width>=640px) and (height<=500px) and (pointer:coarse){:root{--page-top:var(--s-4)}}:root.short-screen{--nav-top:var(--s-2);--page-top:var(--s-4)}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fafafa;--ink:#111;--meta:#595959;--line:#e6e6e6;--card:#f0f0f0;--dim:#f2542d;--surface:#e6e6e6;--surface-hi:#fff;--icon:#6b6b6b;--rest:#a6a6a6;--underline:#d0d0d0;--shadow:#0000001f;--tip-bg:#000;--tip-ink:#fff;--glow:1;--night-mix:0%}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#131313;--ink:#ececec;--meta:#a3a3a3;--line:#2b2b2b;--card:#1c1c1c;--dim:#ff6b47;--surface:#262626;--surface-hi:#3a3a3a;--icon:#9c9c9c;--rest:#5c5c5c;--underline:#4a4a4a;--shadow:#00000080;--tip-bg:#ececec;--tip-ink:#111;--glow:.88;--night-mix:22%}[style*=--c\:]{--cc:color-mix(in oklab, var(--c), #fff var(--night-mix))}:root{--r-card:calc(16 * var(--u));--r-tag:6px;--t-display:clamp(30px, 3.6vw, calc(48 * var(--u)));--t-lead:clamp(17px, .4vw + 15.5px, calc(19 * var(--u)));--t-body:calc(17 * var(--u));--t-meta:calc(15 * var(--u));--measure:calc(38rem + 608 * (var(--u) - 1px));--read-w:calc(680 * var(--u));--read-media:var(--read-w);--gap-title:var(--s-2);--gap-content:var(--s-5);--icon-size:calc(.85 * var(--t-lead));--dur-micro:.15s;--dur-base:.25s;--dur-page:.32s;--dur-exit:.2s;--dur-emph:.5s;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-in-out:cubic-bezier(.45, .05, .2, 1);--ease-pop:cubic-bezier(.3, 1.3, .5, 1);--dur-theme:.6s;--ease-theme:cubic-bezier(.77, 0, .175, 1);--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)}.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:var(--rest);line-height:0;transition:color .3s;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;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}@media (pointer:coarse){.talk,.talk-link,.back,.pj-link a{position:relative}.talk:after,.talk-link:after,.back:after,.pj-link a:after{content:"";height:44px;position:absolute;top:50%;left:-4px;right:-4px;transform:translateY(-50%)}.pill-btn,.sub-arrow,.g-tile,.talk{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}}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:rise .45s var(--ease-out) both}[data-enter] .rise{animation:none}.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}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}html.theme-to-dark::view-transition-old(root){-webkit-mask:radial-gradient(closest-side,#000 72%,#0000) no-repeat;mask:radial-gradient(closest-side,#000 72%,#0000) no-repeat}html.theme-to-light::view-transition-new(root){-webkit-mask:radial-gradient(closest-side,#000 72%,#0000) no-repeat;mask:radial-gradient(closest-side,#000 72%,#0000) no-repeat}html.theme-to-dark::view-transition-old(root){z-index:1}html.theme-to-light::view-transition-new(root){-webkit-mask-size:0 0;mask-size:0 0}:root[data-theme=dark] :is(main img,main canvas,main video){filter:brightness(var(--glow))}.is-paper{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#111;--meta:#595959;--line:#e6e6e6;--card:#f0f0f0;--dim:#f2542d;--rest:#a6a6a6;--underline:#d0d0d0;--surface:#e6e6e6;--surface-hi:#fff;--icon:#6b6b6b;color:var(--ink)}:root[data-theme=dark] .is-paper:not(.cface){filter:brightness(var(--glow))}.ulink{font:inherit;color:var(--ink);cursor:pointer;background:linear-gradient(var(--ink), var(--ink)) 0 100% / 0 1px no-repeat, linear-gradient(var(--underline), var(--underline)) 0 100% / 100% 1px no-repeat;transition:background-size .45s var(--ease-out);border:0;margin:0;padding:0 0 .06em;line-height:normal;text-decoration:none;position:relative}@media (hover:hover){.ulink:hover{background-size:100% 1px,100% 1px}}.ulink[aria-expanded=true]{background-size:100% 1px,100% 1px}.ulink:focus-visible{outline:2px solid var(--ink);outline-offset:3px}@media (pointer:coarse){.ulink:after{content:"";height:44px;position:absolute;top:50%;left:-4px;right:-4px;transform:translateY(-50%)}}@media (prefers-reduced-motion:reduce){.ulink{transition:none}}@media (forced-colors:active){.ulink{text-underline-offset:.2em;text-decoration:underline}}::selection{background:color-mix(in srgb, var(--dim) 28%, transparent);color:inherit}