@charset "UTF-8";@font-face{font-family:Graphik;src:url(/Graphik-Regular-Cy-Gr-Web.89bcdd78.woff2) format("woff2"),url(/Graphik-Regular-Cy-Gr-Web.90e3efff.woff) format("woff");font-weight:400;font-style:normal;font-stretch:normal}@font-face{font-family:Graphik;src:url(/Graphik-Medium-Cy-Gr-Web.8eb7d651.woff2) format("woff2"),url(/Graphik-Medium-Cy-Gr-Web.4600902d.woff) format("woff");font-weight:500;font-style:normal;font-stretch:normal}:root{--type-size: 14px;--line-height: 1.6;--grey1: #080808;--grey2: #4a4a4a;--white1: #fff;--white2: #d1d1d1;--backgroundColor: #f9f9fb;--buttonBackground: #fafafa;--buttonBackgroundActive: #ebebeb;--buttonBorder: #eaeaea;--button-rim-width: 1.4px;--secondaryBorderColor: #f2f2f2;--zip-hover-gradient: linear-gradient( 90deg, hsl(265 26% 40%) 0, hsl(265 26% 40%) calc(50% - 128px) , hsl(292 28% 48%) calc(50% - 80px) , hsl(318 26% 52%) calc(50% - 40px) , transparent calc(50% - 10px) , transparent calc(50% + 10px) , hsl(22 30% 52%) calc(50% + 40px) , hsl(8 28% 46%) calc(50% + 80px) , hsl(278 24% 38%) calc(50% + 128px) , hsl(265 26% 40%) 100% )}html{position:relative;isolation:isolate;background-color:var(--backgroundColor);min-height:100%}@keyframes page-fade-in{0%{opacity:0}to{opacity:1}}@keyframes page-fade-out{0%{opacity:1}to{opacity:0}}body.initial-load{animation:page-fade-in 1s ease-out backwards}::view-transition-image-pair(root){isolation:auto}::view-transition-old(root),::view-transition-new(root){mix-blend-mode:normal}::view-transition-old(root){animation:page-fade-out .4s ease-in-out both}::view-transition-new(root){animation:page-fade-in .4s ease-in-out both}.page-mesh-canvas{position:fixed;left:-6vw;top:-6vh;z-index:0;display:block;width:112vw;height:112vh;pointer-events:none}body>:not(.page-mesh-canvas){position:relative;z-index:1}@property --button-rim-angle{syntax: "<angle>"; initial-value: 360deg; inherits: false;}@keyframes button-rim-angle-spin{0%{--button-rim-angle: 360deg}2%{--button-rim-angle: 355deg}4%{--button-rim-angle: 342deg}7%{--button-rim-angle: 312deg}10%{--button-rim-angle: 293deg}13%{--button-rim-angle: 284deg}17%{--button-rim-angle: 278deg}19%{--button-rim-angle: 272deg}21%{--button-rim-angle: 261deg}24%{--button-rim-angle: 234deg}28%{--button-rim-angle: 216deg}31%{--button-rim-angle: 209deg}35%{--button-rim-angle: 204deg}37%{--button-rim-angle: 198deg}39%{--button-rim-angle: 186deg}42%{--button-rim-angle: 160deg}46%{--button-rim-angle: 143deg}49%{--button-rim-angle: 137deg}53%{--button-rim-angle: 132deg}55%{--button-rim-angle: 126deg}58%{--button-rim-angle: 108deg}62%{--button-rim-angle: 82deg}66%{--button-rim-angle: 68deg}70%{--button-rim-angle: 62deg}74%{--button-rim-angle: 56deg}77%{--button-rim-angle: 48deg}80%{--button-rim-angle: 32deg}85%{--button-rim-angle: 16deg}89%{--button-rim-angle: 10deg}94%{--button-rim-angle: 6deg}to{--button-rim-angle: 0deg}}.btn-border-ring{position:absolute;inset:0;width:100%;height:100%;box-sizing:border-box;overflow:visible;pointer-events:none;z-index:0;opacity:0;transition:opacity .14s ease-out}.btn-border-ring rect{stroke-width:var(--button-rim-width)}@media(prefers-reduced-motion:reduce){.btn-border-ring{transition:opacity .08s ease}}.cta a.cta__link,.project-nav-btn,#page-permalink-footer #pivot .pivot-link{overflow:visible}*{margin:0;padding:0;box-sizing:border-box}body{position:relative;z-index:1;isolation:isolate;background-color:transparent;min-height:100vh;max-width:1320px;margin:0 auto;font-family:Graphik,sans-serif;font-size:var(--type-size);line-height:var(--line-height);color:var(--grey1);-webkit-text-size-adjust:none;-moz-osx-font-smoothing:grayscale}body.home{max-width:none;margin:0}section{margin:0 0 60px}body.home section{margin-top:60px;margin-bottom:0}h2,h3,p,ul,blockquote{font-weight:400;max-width:600px}.page_container h2{font-size:20px;color:var(--grey1);margin:32px 0 16px}body.project-page .page_container article>:is(h1,h2,h3,h4,h5,h6){margin:0}h3{font-size:20px;margin:0;color:var(--grey1)}h1,h2,h3,h4,h5,h6,#page-permalink-footer #pivot .page-title{line-height:1.45;letter-spacing:-.02em}p{color:var(--grey2)}:is(p,blockquote,.page_container article li) a{color:var(--grey1);text-decoration:none;position:relative;display:inline-block;max-width:100%;padding-bottom:.12em;overflow:hidden;vertical-align:bottom;transition:background-color .12s ease,outline-offset .12s ease}:is(p,blockquote,.page_container article li) a:active{background-color:var(--secondaryBorderColor);border-radius:2px}:is(p,blockquote,.page_container article li) a:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:var(--button-rim-width);background:var(--grey1);opacity:1;transition:opacity .25s ease .4s}:is(p,blockquote,.page_container article li) a:hover:before,:is(p,blockquote,.page_container article li) a:focus-visible:before{opacity:0;transition:opacity .1s ease}:is(p,blockquote,.page_container article li) a:after{content:"";position:absolute;left:0;bottom:0;z-index:1;width:200%;height:var(--button-rim-width);background:var(--zip-hover-gradient);transform:translate(0);opacity:0;pointer-events:none;transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .25s ease .4s}:is(p,blockquote,.page_container article li) a:hover:after,:is(p,blockquote,.page_container article li) a:focus-visible:after{transform:translate(-50%);opacity:1;transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .18s ease}:is(p,blockquote,.page_container article li) a:focus-visible{outline:2px solid var(--grey1);outline-offset:3px;border-radius:2px;background-color:var(--secondaryBorderColor)}@media(prefers-reduced-motion:reduce){:is(p,blockquote,.page_container article li) a{overflow:visible}:is(p,blockquote,.page_container article li) a:before{display:none}:is(p,blockquote,.page_container article li) a:after{width:100%;height:var(--button-rim-width);background:var(--grey1);opacity:1;transform:none!important;transition:none}:is(p,blockquote,.page_container article li) a:hover:after,:is(p,blockquote,.page_container article li) a:focus-visible:after{transform:none!important}}:is(p,blockquote,.page_container article li) strong{font-weight:500}body.project-page .page_container>header{margin-bottom:80px}body.project-page .page_container article>*{margin-block:0}body.project-page .page_container article .media-full{margin-bottom:0}body.project-page .page_container article :is(.media-half,.media-thirds,.media-four,.media-five){margin-top:0;margin-bottom:0}body.project-page .page_container article>*+*{margin-top:24px}body.project-page .page_container article>:is(h1,h2,h3,h4,h5,h6)+*{margin-top:16px}body.project-page .page_container article>*+:is(.media-full,.media-half,.media-thirds,.media-four,.media-five){margin-top:80px}body.project-page .page_container article>:is(h1,h2,h3,h4,h5,h6)+:is(.media-full,.media-half,.media-thirds,.media-four,.media-five){margin-top:80px}body.project-page .page_container article>:is(.media-full,.media-half,.media-thirds,.media-four,.media-five)+:is(.media-full,.media-half,.media-thirds,.media-four,.media-five){margin-top:24px}body.project-page .page_container article>:is(.media-full,.media-half,.media-thirds,.media-four,.media-five)+:is(p,ul,ol,blockquote,h1,h2,h3,h4,h5,h6){margin-top:52.8px}body.project-page .page_container article>:is(.media-full,.media-half,.media-thirds,.media-four,.media-five)+*{margin-top:80px}body.project-page .page_container article ul{margin-left:0;margin-right:0}body.project-page .page_container article blockquote{margin-bottom:0}body:not(.project-page) p~figure{margin-top:60px!important}blockquote{padding-inline-start:1em;border-left:2px solid var(--grey2);color:var(--grey2);margin-bottom:12px}ul{padding-inline-start:2em;color:var(--grey2);margin:16px 0}a{text-decoration:none;color:inherit}header{top:0}header h2,header p{margin:0}.profile-header{display:flex;flex-direction:row;align-items:center}.profile-header .profile-photo-wrap{align-self:flex-end;margin-right:16px;position:relative}.profile-photo{width:58px;height:58px;margin:0;position:relative;border-radius:50%;font-family:-apple-system,BlinkMacSystemFont,sans-serif}body.home .profile-photo{width:92px;height:92px}.profile-photo img{position:absolute;width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-info{flex:1 1;display:grid}.profile-info .display-name{display:flex;flex-direction:row;align-items:center}.profile-info h2{font-size:20px;font-weight:400;line-height:1.45;margin:0}.profile-info p{margin:0;max-width:600px;font-size:20px;font-weight:400;line-height:1.45;letter-spacing:-.02em;color:var(--grey2)}.cta-stack{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px;width:100%}@media screen and (min-width:801px){.cta-stack>a{align-self:flex-start}}.cta{text-align:left}.cta a.cta__link{position:relative;display:inline-flex;align-items:center;justify-content:flex-start;font-size:20px;font-weight:400;line-height:1.3;color:var(--grey1);min-height:48px;padding:0 32px;outline:none;width:fit-content;max-width:100%;border-radius:200px;text-decoration:none;cursor:pointer;pointer-events:all;box-sizing:border-box;--rim-fill: var(--buttonBackground);border:var(--button-rim-width) solid var(--buttonBorder);background:var(--buttonBackground);transition:outline .1s ease-out 0s,outline-offset .1s ease-out 0s}.cta a.cta__link:before{content:"";position:absolute;inset:calc(-1 * var(--button-rim-width));border-radius:inherit;z-index:0;pointer-events:none;box-sizing:border-box;border:var(--button-rim-width) solid transparent;background:linear-gradient(var(--rim-fill),var(--rim-fill)) padding-box,conic-gradient(from var(--button-rim-angle),hsl(215,12%,98%),hsl(218,11%,98%),hsl(224,14%,97%),hsl(230,16%,96%),hsl(236,17%,94%),hsl(240,18%,92%),hsl(242,20%,90%),hsl(265,24%,82%),hsl(285,26%,72%),hsl(305,24%,64%),hsl(325,24%,56%),hsl(345,26%,50%),hsl(5,28%,46%),hsl(22,28%,44%),hsl(38,26%,43%),hsl(28,24%,44%),hsl(320,22%,46%),hsl(292,22%,48%),hsl(275,20%,50%),hsl(258,18%,54%),hsl(248,16%,58%),hsl(240,14%,66%),hsl(232,13%,74%),hsl(228,12%,80%),hsl(224,11%,86%),hsl(220,11%,91%),hsl(218,12%,94%),hsl(216,12%,96%),hsl(215,12%,98%)) border-box;background-clip:padding-box,border-box;opacity:0;transition:opacity .28s ease-out;animation:button-rim-angle-spin 10s linear infinite;animation-delay:calc(-1s * var(--rim-seek, 0))}.cta a.cta__link[data-rim-restart]:before{animation:none}.cta a.cta__link:after{content:"";position:absolute;inset:var(--button-rim-width);border-radius:inherit;z-index:0;pointer-events:none;opacity:0;transition:opacity .28s ease-out;box-shadow:inset 0 0 8px #8869ab0a,inset 0 0 18px 3px #aa74a508,inset 0 0 30px 7px #ab816906,inset 0 0 42px 10px #a07cab04}@media(prefers-reduced-motion:reduce){.cta a.cta__link:before{animation:none;background:linear-gradient(var(--rim-fill),var(--rim-fill)) padding-box,conic-gradient(from 235deg,#f9fafb,#f9fafa,#f6f7f8,#f3f4f6,#ededf2,#e7e7ee,#e1e0eb,#cfc6dc,#c1a5ca,#b98db6,#aa7493,#a15e6f,#965a54,#906851,#8a7551,#8b6e55,#8f5b7e,#8e5f95,#846699,#81759f,#8783a5,#9c9cb4,#b4b6c5,#c6c8d2,#d7d9df,#e6e7eb,#eeeff2,#f4f5f6,#f9fafb) border-box;background-clip:padding-box,border-box}.cta a.cta__link[data-rim-restart]:before{animation:none}}.cta a.cta__link>*:not(.btn-border-ring){position:relative;z-index:1}.cta a.cta__link:hover,.cta a.cta__link:focus-visible,.cta a.cta__link:active{color:var(--grey1);outline:none;border-color:transparent;background:var(--buttonBackground)}.cta a.cta__link:hover:before,.cta a.cta__link:hover:after,.cta a.cta__link:focus-visible:before,.cta a.cta__link:focus-visible:after,.cta a.cta__link:active:before,.cta a.cta__link:active:after{opacity:1}.cta a.cta__link:active{--rim-fill: var(--buttonBackgroundActive);background:var(--buttonBackgroundActive)}.cta a.cta__link img{filter:brightness(0)}.cta div{display:flex;align-items:center;justify-content:flex-start;gap:9px;width:fit-content;margin:0}.cta img{height:20px;width:20px;padding:0}.cta span{margin-right:0}@media screen and (max-width:800px){.cta{position:static}.cta .cta-stack{gap:4px;align-items:flex-start}.cta a.cta__link{display:inline;min-height:0;padding:0;border:none;border-bottom:1px solid var(--grey1);border-radius:0;background:none;font-size:20px;font-weight:400;line-height:1.45;letter-spacing:-.02em;color:var(--grey1);width:auto}.cta a.cta__link .btn-border-ring{display:none}.cta a.cta__link:before,.cta a.cta__link:after{display:none}.cta a.cta__link img{display:none}.cta a.cta__link:hover,.cta a.cta__link:focus-visible,.cta a.cta__link:active{color:var(--grey1);background:none;border:none}}figure.media-full>:first-child{background-color:var(--white1)}.media-full img,.media-full video,.media-half>div img,.media-half>div video,.media-thirds>div img,.media-thirds>div video,.media-four>div img,.media-four>div video,.media-five>div img,.media-five>div video{width:100%;display:block;opacity:0;transition:opacity .4s ease}.media-full img.is-loaded,.media-full video.is-loaded,.media-half>div img.is-loaded,.media-half>div video.is-loaded,.media-thirds>div img.is-loaded,.media-thirds>div video.is-loaded,.media-four>div img.is-loaded,.media-four>div video.is-loaded,.media-five>div img.is-loaded,.media-five>div video.is-loaded{opacity:1}.media-full video[autoplay],.media-half>div video[autoplay],.media-thirds>div video[autoplay],.media-four>div video[autoplay],.media-five>div video[autoplay]{opacity:1}.media-full figcaption,.media-half>div figcaption,.media-thirds>div figcaption,.media-four>div figcaption,.media-five>div figcaption{font-size:12px;color:var(--grey2);margin-top:8px}.media-full{margin-bottom:24px}.media-half>div,.media-thirds>div,.media-four>div,.media-five>div{margin-bottom:24px;min-width:0;width:100%}.media-half{margin:24px 0}@media screen and (min-width:801px){.media-half{display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}}.media-thirds{margin:24px 0}@media screen and (min-width:801px){.media-thirds{display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}}.media-four{margin:24px 0}@media screen and (min-width:801px){.media-four{display:grid;gap:20px;grid-template-columns:repeat(4,minmax(0,1fr))}}.media-five{margin:24px 0}@media screen and (min-width:801px){.media-five{display:grid;gap:20px;grid-template-columns:repeat(5,minmax(0,1fr))}}.project-nav-btn{position:fixed;top:24px;left:50%;z-index:100;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:64px;height:64px;margin:0;padding:0;border-radius:200px;color:var(--grey1);text-decoration:none;transform:translate(-50%);cursor:pointer;outline:none;--rim-fill: var(--buttonBackground);border:var(--button-rim-width) solid var(--buttonBorder);background:var(--buttonBackground);transition:outline .1s ease-out 0s,outline-offset .1s ease-out 0s}.project-nav-btn:before{content:"";position:absolute;inset:calc(-1 * var(--button-rim-width));border-radius:inherit;z-index:0;pointer-events:none;box-sizing:border-box;border:var(--button-rim-width) solid transparent;background:linear-gradient(var(--rim-fill),var(--rim-fill)) padding-box,conic-gradient(from var(--button-rim-angle),hsl(215,12%,98%),hsl(218,11%,98%),hsl(224,14%,97%),hsl(230,16%,96%),hsl(236,17%,94%),hsl(240,18%,92%),hsl(242,20%,90%),hsl(265,24%,82%),hsl(285,26%,72%),hsl(305,24%,64%),hsl(325,24%,56%),hsl(345,26%,50%),hsl(5,28%,46%),hsl(22,28%,44%),hsl(38,26%,43%),hsl(28,24%,44%),hsl(320,22%,46%),hsl(292,22%,48%),hsl(275,20%,50%),hsl(258,18%,54%),hsl(248,16%,58%),hsl(240,14%,66%),hsl(232,13%,74%),hsl(228,12%,80%),hsl(224,11%,86%),hsl(220,11%,91%),hsl(218,12%,94%),hsl(216,12%,96%),hsl(215,12%,98%)) border-box;background-clip:padding-box,border-box;opacity:0;transition:opacity .28s ease-out;animation:button-rim-angle-spin 10s linear infinite;animation-delay:calc(-1s * var(--rim-seek, 0))}.project-nav-btn[data-rim-restart]:before{animation:none}.project-nav-btn:after{content:"";position:absolute;inset:var(--button-rim-width);border-radius:inherit;z-index:0;pointer-events:none;opacity:0;transition:opacity .28s ease-out;box-shadow:inset 0 0 8px #8869ab0a,inset 0 0 18px 3px #aa74a508,inset 0 0 30px 7px #ab816906,inset 0 0 42px 10px #a07cab04}@media(prefers-reduced-motion:reduce){.project-nav-btn:before{animation:none;background:linear-gradient(var(--rim-fill),var(--rim-fill)) padding-box,conic-gradient(from 235deg,#f9fafb,#f9fafa,#f6f7f8,#f3f4f6,#ededf2,#e7e7ee,#e1e0eb,#cfc6dc,#c1a5ca,#b98db6,#aa7493,#a15e6f,#965a54,#906851,#8a7551,#8b6e55,#8f5b7e,#8e5f95,#846699,#81759f,#8783a5,#9c9cb4,#b4b6c5,#c6c8d2,#d7d9df,#e6e7eb,#eeeff2,#f4f5f6,#f9fafb) border-box;background-clip:padding-box,border-box}.project-nav-btn[data-rim-restart]:before{animation:none}}.project-nav-btn>*:not(.btn-border-ring){position:relative;z-index:1}.project-nav-btn:hover,.project-nav-btn:focus-visible,.project-nav-btn:active{color:var(--grey1);outline:none;border-color:transparent;background:var(--buttonBackground)}.project-nav-btn:hover:before,.project-nav-btn:hover:after,.project-nav-btn:focus-visible:before,.project-nav-btn:focus-visible:after,.project-nav-btn:active:before,.project-nav-btn:active:after{opacity:1}.project-nav-btn:active{--rim-fill: var(--buttonBackgroundActive);background:var(--buttonBackgroundActive)}.project-nav-btn{-webkit-tap-highlight-color:transparent}.project-nav-btn:focus{outline:none}body.project-page a.project-nav-btn.project-nav-btn--deferred:not(.project-nav-btn--from-site){display:none!important}body.project-page a.project-nav-btn.project-nav-btn--deferred.project-nav-btn--from-site{display:inline-flex!important;visibility:visible;pointer-events:auto}.project-nav-btn__icon{display:block;flex-shrink:0}.page_container{padding:112px 48px 0}@media screen and (max-width:800px){.page_container{padding:112px 14px 0}}body.project-page .page_container article section{margin:0}body:not(.project-page) .page_container article section{margin:32px 0}#page-permalink-footer{width:100%;padding-bottom:112px}#page-permalink-footer .footer-content{max-width:540px;margin:0 auto;padding-top:112px}#page-permalink-footer .page-nav-buttons{display:flex;flex-direction:row;justify-content:center;align-items:center;min-height:22px}#page-permalink-footer .page-nav-buttons a{color:var(--grey1);text-decoration:none;position:relative;display:inline-block;max-width:100%;padding-bottom:.12em;overflow:hidden;vertical-align:bottom;transition:background-color .12s ease,outline-offset .12s ease}#page-permalink-footer .page-nav-buttons a:active{background-color:var(--secondaryBorderColor);border-radius:2px}#page-permalink-footer .page-nav-buttons a:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:var(--button-rim-width);background:var(--grey1);opacity:1;transition:opacity .25s ease .4s}#page-permalink-footer .page-nav-buttons a:hover:before,#page-permalink-footer .page-nav-buttons a:focus-visible:before{opacity:0;transition:opacity .1s ease}#page-permalink-footer .page-nav-buttons a:after{content:"";position:absolute;left:0;bottom:0;z-index:1;width:200%;height:var(--button-rim-width);background:var(--zip-hover-gradient);transform:translate(0);opacity:0;pointer-events:none;transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .25s ease .4s}#page-permalink-footer .page-nav-buttons a:hover:after,#page-permalink-footer .page-nav-buttons a:focus-visible:after{transform:translate(-50%);opacity:1;transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .18s ease}#page-permalink-footer .page-nav-buttons a:focus-visible{outline:2px solid var(--grey1);outline-offset:3px;border-radius:2px;background-color:var(--secondaryBorderColor)}@media(prefers-reduced-motion:reduce){#page-permalink-footer .page-nav-buttons a{overflow:visible}#page-permalink-footer .page-nav-buttons a:before{display:none}#page-permalink-footer .page-nav-buttons a:after{width:100%;height:var(--button-rim-width);background:var(--grey1);opacity:1;transform:none!important;transition:none}#page-permalink-footer .page-nav-buttons a:hover:after,#page-permalink-footer .page-nav-buttons a:focus-visible:after{transform:none!important}}#page-permalink-footer .page-nav-buttons>div{margin:0 12px}#page-permalink-footer #pivot{margin:0 0 48px}#page-permalink-footer #pivot .pivot-link{--rim-fill: var(--backgroundColor);position:relative;border:var(--button-rim-width) solid transparent;border-radius:16px;box-sizing:border-box;outline:none;background-color:var(--backgroundColor);transition:outline .1s ease-out 0s,outline-offset .1s ease-out 0s}#page-permalink-footer #pivot .pivot-link:before{content:"";position:absolute;inset:calc(-1 * var(--button-rim-width));border-radius:inherit;z-index:0;pointer-events:none;box-sizing:border-box;border:var(--button-rim-width) solid transparent;background:linear-gradient(var(--rim-fill),var(--rim-fill)) padding-box,conic-gradient(from var(--button-rim-angle),hsl(215,12%,98%),hsl(218,11%,98%),hsl(224,14%,97%),hsl(230,16%,96%),hsl(236,17%,94%),hsl(240,18%,92%),hsl(242,20%,90%),hsl(265,24%,82%),hsl(285,26%,72%),hsl(305,24%,64%),hsl(325,24%,56%),hsl(345,26%,50%),hsl(5,28%,46%),hsl(22,28%,44%),hsl(38,26%,43%),hsl(28,24%,44%),hsl(320,22%,46%),hsl(292,22%,48%),hsl(275,20%,50%),hsl(258,18%,54%),hsl(248,16%,58%),hsl(240,14%,66%),hsl(232,13%,74%),hsl(228,12%,80%),hsl(224,11%,86%),hsl(220,11%,91%),hsl(218,12%,94%),hsl(216,12%,96%),hsl(215,12%,98%)) border-box;background-clip:padding-box,border-box;opacity:0;transition:opacity .28s ease-out;animation:button-rim-angle-spin 10s linear infinite;animation-delay:calc(-1s * var(--rim-seek, 0))}#page-permalink-footer #pivot .pivot-link[data-rim-restart]:before{animation:none}#page-permalink-footer #pivot .pivot-link:after{content:"";position:absolute;inset:var(--button-rim-width);border-radius:inherit;z-index:0;pointer-events:none;opacity:0;transition:opacity .28s ease-out;box-shadow:inset 0 0 8px #8869ab0a,inset 0 0 18px 3px #aa74a508,inset 0 0 30px 7px #ab816906,inset 0 0 42px 10px #a07cab04}@media(prefers-reduced-motion:reduce){#page-permalink-footer #pivot .pivot-link:before{animation:none;background:linear-gradient(var(--rim-fill),var(--rim-fill)) padding-box,conic-gradient(from 235deg,#f9fafb,#f9fafa,#f6f7f8,#f3f4f6,#ededf2,#e7e7ee,#e1e0eb,#cfc6dc,#c1a5ca,#b98db6,#aa7493,#a15e6f,#965a54,#906851,#8a7551,#8b6e55,#8f5b7e,#8e5f95,#846699,#81759f,#8783a5,#9c9cb4,#b4b6c5,#c6c8d2,#d7d9df,#e6e7eb,#eeeff2,#f4f5f6,#f9fafb) border-box;background-clip:padding-box,border-box}#page-permalink-footer #pivot .pivot-link[data-rim-restart]:before{animation:none}}#page-permalink-footer #pivot .pivot-link>a{position:relative;z-index:1}#page-permalink-footer #pivot .pivot-link:hover:before,#page-permalink-footer #pivot .pivot-link:hover:after,#page-permalink-footer #pivot .pivot-link:focus-within:before,#page-permalink-footer #pivot .pivot-link:focus-within:after{opacity:1}#page-permalink-footer #pivot .pivot-link a{padding:14px;display:block}#page-permalink-footer #pivot .pivot-link a:focus-visible{outline:none}.pages-attachment{display:flex;flex-direction:row;gap:14px}.pages-thumbnail{flex-shrink:0;width:96px;aspect-ratio:16/9;overflow:hidden;border-radius:2px;background-color:var(--white1)}#page-permalink-footer .pages-thumbnail img{border-radius:2px;width:100%;height:100%;object-fit:cover}.page-info{display:flex;flex-direction:column;justify-content:center;min-width:0}.snippet{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--grey2)}body.home{padding:0 96px}@media screen and (max-width:1280px){body.home{padding:0 48px}}@media screen and (max-width:800px){body.home{padding:0 14px}}body.project-page{padding:0}body main{margin:0}@media screen and (max-width:800px){body main{margin:14px 0}body.home main{margin:60px 0}}.left{position:fixed;width:calc(50% - 120px);height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding-top:96px;padding-bottom:96px;overflow:visible}@media screen and (max-width:1280px){.left{width:calc(50% - 72px);padding-top:48px;padding-bottom:48px}}@media screen and (max-width:800px){.left{position:static;width:100%;height:fit-content;margin-bottom:60px;padding-top:0;padding-bottom:0}}.about{max-width:450px}.about p{margin:0;font-size:20px;font-weight:400;line-height:1.5;color:var(--grey1);letter-spacing:-.02em}.right{position:relative;top:0;left:calc(50% + 24px);width:calc(50% - 24px);display:flex;flex-direction:column;gap:12px;padding-top:96px;padding-bottom:96px}@media screen and (max-width:1280px){.right{padding-top:48px;padding-bottom:48px}}@media screen and (max-width:800px){.right{position:relative;width:100%;left:0;padding-top:0;padding-bottom:0}}.item{position:relative;width:100%;padding:0;border-radius:0;overflow:hidden}.item-meta{position:absolute;top:0;left:0;z-index:3;margin:0;padding:24px;max-width:min(100%,272px);font-size:var(--type-size);font-weight:400;line-height:var(--line-height);color:var(--white1);text-shadow:0 1px 2px rgba(0,0,0,.45);text-wrap:pretty;opacity:0;transition:opacity .2s ease;pointer-events:none}.item:hover .item-meta,.item:focus-visible .item-meta{opacity:1}@media(prefers-reduced-motion:reduce){.item-meta{transition:none}}.thumbnail{background-color:var(--white1);width:100%;aspect-ratio:16/9;position:relative;overflow:hidden}.thumbnail img{position:absolute;top:0;z-index:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s ease}.thumbnail img.is-loaded{opacity:1}.thumbnail:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 0% 100%,#0009,#0000)}.item:hover .thumbnail:after,.item:focus-visible .thumbnail:after{background:linear-gradient(to right,#000000b3,#0000001a)}.thumbnail-caption{position:absolute;left:0;bottom:0;z-index:2;max-width:85%;padding:24px;text-align:left;pointer-events:none}.thumbnail-title{margin:0;width:fit-content;max-width:min(100%,600px);border-bottom:none;font-size:20px;font-weight:400;line-height:1.45;color:var(--white1)}.thumbnail-client{margin:0;width:fit-content;max-width:min(100%,600px);font-size:20px;font-weight:400;line-height:1.3;color:var(--white2)}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}