@font-face{font-family:Bitter;src:url(/assets/font/Bitter.woff2)format("woff2-variations");font-stretch:25% 150%;font-weight:100 900;font-display:swap}@font-face{font-family:Bitter;src:url(/assets/font/Bitter-Italic.woff2)format("woff2-variations");font-stretch:25% 150%;font-style:italic;font-weight:100 900;font-display:swap}@font-face{font-family:Inter Tight;src:url(/assets/font/InterTight.woff2)format("woff2-variations");font-stretch:25% 150%;font-weight:100 900;font-display:swap}@font-face{font-family:Inter Tight;src:url(/assets/font/InterTight-Italic.woff2)format("woff2-variations");font-stretch:25% 150%;font-style:italic;font-weight:100 900;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/assets/font/JetBrainsMono.woff2)format("woff2-variations");font-weight:100 800;font-display:swap}html{background:#faf0f0 linear-gradient(178deg,#faf0f0 0%,#faf4f0 16%,#f6f8fb 50%,#fcf6fd 87%,#faf0f0 100%)}mark{background-color:#fef6ec}code{background-color:#b30a0a26}.responsive-wide-container{flex-direction:column;min-height:calc(100vh - 4.5rem);margin:3rem 4.5rem 1.5rem 3rem;display:flex}@media only screen and (width<=767px){.responsive-wide-container{min-height:calc(100vh - 3rem);margin:1.5rem 1rem}}@media only screen and (width>=768px) and (width<=991px){.responsive-wide-container{min-height:calc(100vh - 4.5rem);margin:2.25rem}}@media only screen and (width>=1441px){.responsive-wide-container{margin-right:6vw}}@media only screen and (width>=1921px){.responsive-wide-container{margin-right:8vw}}@media only screen and (width>=2257px){.responsive-wide-container{margin-right:10vw}}.responsive-wide-container .responsive-wide{flex-grow:1;grid-template-columns:200px 1fr;gap:1.5rem;min-height:80vh;display:grid}@media only screen and (width<=991px){.responsive-wide-container .responsive-wide{grid-template-rows:auto 1fr;grid-template-columns:1fr;justify-items:start}}@media only screen and (width>=1441px){.responsive-wide-container .responsive-wide{grid-template-columns:16% 1fr}}.responsive-wide-container .responsive-wide-content{width:100%;margin:0 0 1.5rem}.responsive-wide-container .responsive-wide-content header{grid-area:header;margin-bottom:3rem}@media only screen and (width>=768px) and (width<=991px){.responsive-wide-container .responsive-wide-content header{margin-bottom:1.5rem}}@media only screen and (width<=767px){.responsive-wide-container .responsive-wide-content header{margin-bottom:0}}.home-layout{grid-template:"center left""center right""center end"1fr/5fr 3fr;gap:2.25rem 3rem;max-width:60.8em;margin:0 auto;display:grid}@media only screen and (width<=767px){.home-layout{grid-template-columns:1fr;grid-template-areas:"center""left""right""end"}}@media only screen and (width>=992px) and (width<=1199px){.home-layout{grid-template-columns:1fr;grid-template-areas:"center""left""right""end";max-width:38em;margin:0 auto}}.main{grid-area:center}.introduction{grid-area:left}.details{grid-area:right}.full-frame-content{height:100%}#project-page{grid-template:"header""body"1fr/1fr;row-gap:1.5rem;display:grid}#project-page #highlights{margin-bottom:4.5rem}#project-page section.project-section{margin-bottom:1.5rem}.grid-container{max-width:1920px;margin:0 auto}.grid-container .grid-highlights{grid-template-columns:1fr 1fr 1fr;gap:3rem 1.5rem;display:grid}@media only screen and (width<=1440px){.grid-container .grid-highlights{grid-template-columns:1fr 1fr}}@media only screen and (width>=992px) and (width<=1199px){.grid-container .grid-highlights{grid-template-columns:1fr}}@media only screen and (width<=767px){.grid-container .grid-highlights{grid-template-columns:1fr}}.grid-container .grid{grid-template-columns:1fr 1fr;grid-auto-flow:dense;gap:1.5rem;display:grid}@media only screen and (width>=1441px){.grid-container .grid{grid-template-columns:1fr 1fr 1fr}}@media only screen and (width>=1921px){.grid-container .grid{grid-template-columns:1fr 1fr 1fr 1fr}}@media only screen and (width<=1440px){.grid-container .grid{grid-template-columns:1fr 1fr}}@media only screen and (width>=992px) and (width<=1199px){.grid-container .grid{grid-template-columns:1fr}}@media only screen and (width<=767px){.grid-container .grid{grid-template-columns:1fr}}.sidebar-wide-narrow-grid{grid-template:"header""top-side""hero"1fr"main""bottom-side"/1fr;gap:1.5rem 3rem;max-width:38em;margin:0 auto;display:grid}.sidebar-wide-narrow-grid.no-hero{grid-template-areas:"header""top-side""main""bottom-side"}@media only screen and (width>=1200px){.sidebar-wide-narrow-grid{grid-template:"header header""hero hero""main top-side""main bottom-side"1fr/7fr 3fr;column-gap:4.5rem;max-width:50rem;margin:0 auto}.sidebar-wide-narrow-grid.no-hero{grid-template-rows:auto auto 1fr;grid-template-areas:"header header""main top-side""main bottom-side"}}@media only screen and (width>=1441px){.sidebar-wide-narrow-grid{grid-template-rows:auto auto auto 1fr;grid-template-columns:minmax(auto,38em) 14rem;max-width:59rem}}.sidebar-wide-narrow-grid section.introduction{grid-area:top-side}.sidebar-wide-narrow-grid section.introduction hr{display:none}@media only screen and (width>=768px) and (width<=1199px){.sidebar-wide-narrow-grid section.introduction .introduction-content{columns:2}}@media only screen and (width<=1199px){.sidebar-wide-narrow-grid section.introduction hr{display:block}}.sidebar-wide-narrow-grid section.details{grid-area:bottom-side;margin-top:-1.5rem}.sidebar-wide-narrow-grid section.main{grid-area:main;max-width:38em}.sidebar-wide-narrow-grid figure.hero{grid-area:hero}.one-column{grid-template:".header."".content."1fr/1fr minmax(auto,38em) 2fr;row-gap:1.5rem;display:grid}.one-column header{grid-area:content;margin-bottom:3rem}.one-column .main{grid-area:content}.one-column .main article:first-child h2{margin-top:0}#about .main-side-layout{grid-template-columns:1fr;grid-template-areas:"header""main""sidebar""bottom";gap:1.5rem;max-width:38em;margin:0 auto;display:grid}#about .main-side-layout .main-side_main{grid-area:main}#about .main-side-layout .main-side_sidebar{flex-flow:wrap;grid-area:sidebar;align-content:flex-start;align-items:center;display:flex}#about .main-side-layout .main-side_bottom{grid-area:bottom;grid-template-columns:1fr;column-gap:1.5rem;display:grid}@media only screen and (width<=991px){#about .main-side-layout{margin:0}}@media only screen and (width>=768px) and (width<=991px){#about .main-side-layout{grid-template:"header header""main sidebar""bottom bottom"1fr/2fr 1fr;max-width:50rem}#about .main-side-layout .main-side_main{padding-right:1.5rem}#about .main-side-layout .main-side_bottom{grid-template-columns:2fr 1fr}#about .main-side-layout .main-side_bottom #revision{columns:2;column-gap:1.5rem}}@media only screen and (width>=1200px){#about .main-side-layout{grid-template:"header header""main sidebar""bottom bottom"1fr/2fr 1fr;max-width:50rem}#about .main-side-layout .main-side_main{padding-right:1.5rem}#about .main-side-layout .main-side_bottom{grid-template-columns:2fr 1fr}#about .main-side-layout .main-side_bottom #revision{columns:2;column-gap:1.5rem}}@media only screen and (width>=1441px){#about .main-side-layout{grid-template-columns:2fr 33rem 17rem 3fr;grid-template-areas:".header header."".main sidebar."".bottom bottom.";max-width:100%}}:root{--mobile-font-size:16px;--tablet-font-size:17px;--regular-font-size:18px;--wide-font-size:19px;--ultrawide-font-size:21px}html{color:#313133;font-family:Bitter,sans-serif;font-weight:460;font-size:var(--regular-font-size);line-height:1.5}@media only screen and (width<=991px){html{font-size:var(--tablet-font-size)}}@media only screen and (width<=767px){html{font-size:var(--mobile-font-size)}}@media only screen and (width>=1441px){html{font-size:var(--wide-font-size)}}@media only screen and (width>=1921px){html{font-size:var(--ultrawide-font-size)}}h1,h2,h3,h4{color:#2e3133;text-shadow:1px 1px #fff;margin:0;font-family:Inter Tight,sans-serif;font-weight:650;line-height:1.4}h5,h6{color:#2e3133;text-shadow:1px 1px #fff;margin:0;font-family:Inter Tight,sans-serif;font-weight:550;line-height:1.4}h1{margin-top:2.6rem;margin-bottom:3rem;font-size:1.4847rem;line-height:1.5rem}h1 h1:first-child{margin-top:1.2rem}h2{margin:3rem 0 1.5rem;font-size:1.3125rem;line-height:1.5rem}h3{margin:1.5rem 0;font-size:1.18125rem;line-height:1.5rem}h4{margin-bottom:1.5rem;font-size:1.05rem;line-height:1.5rem}h5,h6{margin-top:1.5rem;margin-bottom:0;font-size:1.05rem;line-height:1.5rem}h1.title{margin:0 1rem 1.3rem 0}h2.title{margin-top:.05rem;margin-bottom:1.55rem}h3.title{margin-top:.1rem;margin-bottom:1.6rem}h5.title{margin-top:0}.top-aligned h1:first-child{margin:1.5rem 0}.top-aligned h2:first-child{margin-top:-.1rem;margin-bottom:1.6rem}.top-aligned h5:first-child{margin-top:0}h1.baseline{margin-top:.45rem;margin-bottom:1.15rem;font-size:2.1rem;line-height:3rem}article h2,article h3{font-family:Inter Tight,sans-serif;font-weight:550}article h2{font-size:1.18125rem;line-height:1.3}article h3{font-size:1.12035rem;line-height:1.3}p{margin-top:0;margin-bottom:.75rem}p:last-child{margin-bottom:0}.small{font-size:.888889rem;line-height:1.5rem}.secondary{color:#1e1e1eb3}.smaller{font-size:.75rem}time{color:#828282b3;font-family:Inter Tight,sans-serif;font-size:.933333rem;font-weight:550;line-height:1rem}sup,sub{line-height:1}.lead-in{font-variant-caps:small-caps}.constrain-text{max-width:38em}.no-mt{margin-top:0}.no-mb{margin-bottom:0}.column-wide{column-gap:2.25rem;margin-bottom:3rem}@media only screen and (width>=768px){.column-wide{columns:2}}@media only screen and (width>=1441px){.column-wide{columns:3}}@media only screen and (width>=2257px){.column-wide{columns:4}}a{color:#313133;text-decoration:underline #2151c2;transition:color .2s}a.no-underline{text-decoration:none}a:hover{color:#2151c2;text-decoration:underline}a.waypoint:before{content:"➔ ";color:#2151c2;margin-right:.5rem;text-decoration:none;transition:margin .15s;display:inline-block}a.waypoint:hover:before{margin-left:.25rem;margin-right:.25rem}a.waypoint.reversed:before{transform:scaleX(-1)}a.next:after{content:"➔";margin-left:.25em;font-size:.8em;text-decoration:none;display:inline-block}blockquote{color:#1e1e1eb3;margin-top:0;margin-bottom:1.5rem;margin-inline:1.5em 0;font-style:italic;position:relative}blockquote:before{content:" ";border-left:2px solid #828282b3;height:100%;display:block;position:absolute;left:-1em}.border{border:1px solid #0000001a}.highlight,.highlight pre,.highlight table{background:#fffffa}.highlight table td{padding:5px}.highlight table pre{margin:0}.highlight,.highlight .w{color:#586e75}.highlight .err{color:#002b36;background-color:#dc322f}.highlight .c,.highlight .cd,.highlight .cm,.highlight .c1,.highlight .cs{color:#657b83}.highlight .cp,.highlight .nt{color:#b58900}.highlight .o,.highlight .ow,.highlight .p,.highlight .pi{color:#93a1a1}.highlight .gi{color:#859900}.highlight .gd{color:#dc322f}.highlight .gh{color:#268bd2;background-color:#002b36;font-weight:700}.highlight .k,.highlight .kn,.highlight .kp,.highlight .kr,.highlight .kv{color:#6c71c4}.highlight .kc,.highlight .kt,.highlight .kd{color:#cb4b16}.highlight .s,.highlight .sb,.highlight .sc,.highlight .sd,.highlight .s2,.highlight .sh,.highlight .sx,.highlight .s1{color:#859900}.highlight .sr{color:#2aa198}.highlight .si,.highlight .se{color:#d33682}.highlight .nn,.highlight .nc,.highlight .no{color:#b58900}.highlight .na{color:#268bd2}.highlight .m,.highlight .mf,.highlight .mh,.highlight .mi,.highlight .il,.highlight .mo,.highlight .mb,.highlight .mx,.highlight .ss{color:#859900}.glitch-word{--glitch-red:#ff2b4f;--glitch-blue:#006dff;isolation:isolate;display:inline-block;position:relative}.glitch-word:before,.glitch-word:after{content:attr(data-word);opacity:0;pointer-events:none;text-shadow:none;will-change:transform, clip-path, opacity;position:absolute;inset:0}.glitch-word:before{color:var(--glitch-red);z-index:-1}.glitch-word:after{color:var(--glitch-blue);z-index:-2}.glitch-word.is-glitching{color:color-mix(in srgb, currentColor var(--glitch-text-opacity,72%), transparent)}.glitch-word.is-glitching:before,.glitch-word.is-glitching:after{opacity:.9;clip-path:inset(var(--slice-top,12%) 0 var(--slice-bottom,64%) 0)}.glitch-word.is-glitching:before{transform:translate(calc(var(--x,2px) * -1), var(--y,0px))}.glitch-word.is-glitching:after{transform:translate(var(--x,2px), calc(var(--y,0px) * -1))}@media (prefers-reduced-motion:reduce){.glitch-word.is-glitching:before,.glitch-word.is-glitching:after{opacity:0}}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;background-size:100% 1200px;height:100%;overflow:auto}body{box-sizing:border-box;min-height:100vh;margin:0;padding:.1px 0;position:relative}::selection{color:#fff;background:#fd6b62}hr{background-color:#828282b3;border:none;width:4.375rem;height:.7rem;margin:3rem auto;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 24'%3E%3Cpath d='M20 4V20M13.1 8L26.9 16M26.9 8L13.1 16M75 4V20M68.1 8L81.9 16M81.9 8L68.1 16M130 4V20M123.1 8L136.9 16M136.9 8L123.1 16' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' fill='none'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 24'%3E%3Cpath d='M20 4V20M13.1 8L26.9 16M26.9 8L13.1 16M75 4V20M68.1 8L81.9 16M81.9 8L68.1 16M130 4V20M123.1 8L136.9 16M136.9 8L123.1 16' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' fill='none'/%3E%3C/svg%3E");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}footer{color:#828282b3;margin:3rem 0 0;font-size:.888889rem;line-height:1.5rem}figcaption{text-align:left;color:#1e1e1eb3;margin-top:.5rem;font-family:Inter Tight,sans-serif;font-size:.933333rem;font-weight:450;line-height:1.5rem}ul.flat li,ol.flat li{margin-right:1.5rem;display:inline-block}ul.no-bullet,ol.no-bullet{margin-left:0;padding-left:0;list-style:none}ul li p,ol li p,ul li:last-child,ol li:last-child{margin-bottom:0}ul,ol{margin-top:.75rem;margin-bottom:.75rem}ul:first-child,ol:first-child{margin-top:0}ul li,ol li{margin-bottom:.75rem}nav.main-nav ul{flex-wrap:wrap}nav.main-nav li{max-width:200px;margin-bottom:.75rem;margin-left:-.75rem;margin-right:.75rem}nav.main-nav li a{border-radius:12px;padding:.375rem .75rem;display:block;overflow:hidden}nav.main-nav li a:hover{color:#313133;text-decoration:none}@media only screen and (width<=991px){nav.main-nav li{margin-bottom:0}}section.content-list:first-of-type{margin-bottom:1.125rem}.short-post{margin-bottom:0;margin-left:-.75rem;margin-right:-.75rem}.short-post:first-child{margin-top:-.75rem}.short-post .title{line-height:1}.short-post .rating{color:#828282b3;vertical-align:top;margin-right:.5rem;font-size:.933333rem;line-height:1.5rem}.short-post a{border-radius:12px;padding:.75rem;text-decoration:none;display:block;overflow:hidden}.short-post a h5{margin-top:0;margin-right:.5rem;text-decoration-color:#2151c2;display:inline}.short-post a p{color:#313133}.short-book{grid-template-columns:2fr 1fr 9em;gap:0 5px;margin-bottom:1.5rem;display:grid}@media only screen and (width<=767px){.short-book{grid-template-rows:1fr 1fr;grid-template-columns:1fr 180px}}.short-book a{text-decoration:none}@media only screen and (width<=767px){.short-book .title{grid-column:1/-1}}.short-book h5{vertical-align:top;margin-top:0;margin-right:.3rem;text-decoration-color:#2151c2;display:inline}.short-book .author{color:#1e1e1eb3;text-overflow:ellipsis;white-space:nowrap;font-family:Inter Tight,sans-serif;font-size:.933333rem;font-weight:550;line-height:1.5rem;overflow:hidden}.short-book .rating-time{text-align:center}.short-book .rating{color:#1e1e1eb3;margin-right:.3rem;font-size:.888889rem;line-height:1.5rem}.short-book .rating.unfinished,.short-book .rating.reading{color:#828282b3;text-align:right;font-family:Inter Tight,sans-serif;font-size:.933333rem;font-weight:550;line-height:1.5rem}.short-book .review{color:#1e1e1eb3;font-size:.888889rem;line-height:1.5rem;text-decoration:underline;display:inline-block}.short-book a:hover h5{text-decoration:underline}.portfolio-item img{object-fit:cover;border-radius:8px;width:100%;min-height:380px;max-height:420px;transition:box-shadow .15s,transform .15s}@media only screen and (width<=991px){.portfolio-item img{height:320px;min-height:320px}}@media only screen and (width<=767px){.portfolio-item img{height:270px;min-height:270px}}.portfolio-item summary{padding-left:2px}.portfolio-item summary .year{color:#828282b3;font-family:Inter Tight,sans-serif;font-weight:450}.portfolio-item h5{margin-top:.75rem}.portfolio-item p{color:#fffc;transition:color .15s}.portfolio-item a{border-radius:12px;margin:0 -.6rem;padding:.6rem;text-decoration:none;transition:background-color .2s ease-in,transform .4s ease-in,box-shadow .23s ease-in;display:block;position:relative;overflow:hidden}.portfolio-item a.no-img h5{margin-top:0}.mat-item a{cursor:default;transition:box-shadow .23s ease-in,background-color .2s ease-in,transform .3s ease-in}.mat-item a .mat-item-splash{z-index:-1;background-color:#ffffffb3;width:100%;height:100%;transition:background-color .2s ease-in,transform .3s ease-in;position:absolute;top:0;left:0;transform:scale(0)}.mat-item a.no-js:hover{background-color:#ffffffb3}.mat-item a:hover{transform:scale(1.015);box-shadow:0 0 15px #0000001a}.mat-item.mat-md:hover a{transform:scale(1.03)}.banner{text-align:center;color:#fff;background:linear-gradient(178deg,#1c1818 0%,#191823 25%,#1b181b 50%,#1b1818 75%,#1c1818 100%);padding:.5rem;font-size:.8em}.banner a{color:#fff}.title a{text-decoration:none}.title a:hover{text-decoration:underline}nav{margin-bottom:0}nav ul{margin-top:1.3rem}nav ul li{margin-bottom:1.5rem;margin-right:1.5rem;font-family:Inter Tight,sans-serif;font-size:1rem;font-weight:425;display:block}nav ul li a{text-decoration:none}nav ul li a:hover{text-decoration:underline}@media only screen and (width<=991px){nav{flex-direction:row;align-items:baseline;display:flex}nav ul{flex-grow:1;margin:0;display:flex}nav ul li{display:inline-block}}@media only screen and (width<=767px){nav{flex-direction:column}nav ul li{margin-right:1rem;display:inline-block}}ul.tags{margin:0}ul.tags li{margin:0;font-size:.888889rem;line-height:1.5rem}@media only screen and (width<=1199px){ul.tags li{margin-right:.75rem;display:inline-block}}.footnotes{columns:2;column-fill:balance;column-gap:1rem;margin-top:1rem;padding-top:1rem;padding-right:1rem;font-size:.888889rem;line-height:1.5rem}@media only screen and (width<=767px){.footnotes{columns:1}}.footnotes ol{counter-reset:level1;padding-inline-start:1.2rem;list-style-type:none}.footnotes ol li{break-inside:avoid;margin-bottom:1.5rem}.footnotes ol li:before{content:counter(level1) " ";counter-increment:level1;float:left;color:#1e1e1eb3;margin-left:-1.2rem;font-size:.8rem;font-weight:600}figure.image{width:calc(100% + 3rem);margin:2rem -1.5rem}@media only screen and (width<=767px){figure.image{width:100%;margin:0;padding:10px 0}}figure.image img,figure.image iframe{box-sizing:border-box;border:1px solid #435e7612;width:100%}figure.image iframe{height:100%;margin:0;display:block}figure.image .embed-frame{width:100%}figure.image a.zoom{cursor:zoom-in}figure.image.framed img,figure.image.framed .embed-frame{outline-offset:-3rem;box-sizing:border-box;border:none;outline:3rem solid #fff;padding:3rem;box-shadow:0 0 0 1px #435e7612}@media only screen and (width<=767px){figure.image.framed img,figure.image.framed .embed-frame{outline-width:0}}figure.image.framed iframe{border:none}figure.image.iframe-embed{line-height:0}figure.image.iframe-embed .embed-frame{overflow:hidden}figure.image figcaption{text-align:left;color:#1e1e1eb3;margin-top:.5rem;font-family:Inter Tight,sans-serif;font-size:.933333rem;font-weight:450;line-height:1.5rem}figure.video{width:calc(100% + 3rem);margin:2rem -1.5rem;line-height:0}figure.video .video-container{position:relative}@media only screen and (width<=767px){figure.video{width:100%;margin:1.5rem 0;padding:0}}figure.video video{width:100%}figure.video .cover{background:#05003540;width:100%;height:100%;transition:opacity .3s ease-in;position:absolute;top:0;left:0}figure.video .play-button{z-index:1;background:url(/assets/images/ui/play-button.svg) 50% no-repeat;width:50px;height:50px;position:absolute;top:calc(50% - 25px);left:calc(50% - 25px)}figure.video figcaption{text-align:left;color:#1e1e1eb3;margin-top:1rem;font-family:Inter Tight,sans-serif;font-size:.933333rem;font-weight:450;line-height:1.5rem}figure.app-frame,figure.sequence{text-align:center;background:#fafafa;border:1px solid #0000000d;width:calc(100% + 3rem);margin:2rem -1.5rem;line-height:0;display:block}@media only screen and (width<=767px){figure.app-frame,figure.sequence{width:100%;margin:1.5rem 0;padding:0}}figure.app-frame a.app-frame-bg,figure.sequence a.app-frame-bg{cursor:zoom-in;max-width:90%;margin:2.25rem auto;display:block}figure.app-frame img,figure.sequence img{width:100%;box-shadow:0 0 2rem #00000014}figure.app-frame figcaption,figure.sequence figcaption{text-align:left;color:#1e1e1eb3;margin:1.5rem;font-family:Inter Tight,sans-serif;font-size:.933333rem;font-weight:450;line-height:1.5rem}figure.sequence,figure.sequence .btn-container{position:relative}figure.sequence .scroll-container{overflow-x:hidden}figure.sequence .bottom-indicator{flex-direction:row;justify-content:center;gap:6px;height:3px;display:flex;position:absolute;bottom:6px;left:10px;right:10px}figure.sequence .bottom-indicator .indicator{background-color:#0000001a;border-radius:1.5px;flex:1;max-width:100px;height:100%}figure.sequence .bottom-indicator .indicator.active{background-color:#2151c2}figure.sequence .control{z-index:100;background:0 0;border:none;width:80px;height:160px;padding:0;transition:all .2s;position:absolute;top:calc(50% - 80px)}figure.sequence .control:hover{transform:scale(1.1)}figure.sequence .control:active{transform:scale(1)}figure.sequence .control.prev-button{background:url(/assets/images/ui/left-page.svg) 100% no-repeat;left:0}figure.sequence .control.next-button{background:url(/assets/images/ui/right-page.svg) 0 no-repeat;right:0}figure.sequence .img-container{flex-direction:row;display:flex}figure.sequence .img-container img{width:90%;margin:0 auto}figure.sequence .caption-container{display:none}figure.sequence figcaption{margin-top:0;display:flex}figure.sequence figcaption .counter{flex-grow:0;flex-shrink:0;width:2.5em;display:inline-block}.sidebar-wide-narrow-grid-2024 figure.image,.sidebar-wide-narrow-grid-2024 figure.app-frame,.sidebar-wide-narrow-grid-2024 figure.sequence,.sidebar-wide-narrow-grid-2024 figure.video{width:calc(100% + 4.5rem);margin-left:-4.5rem;margin-right:0}@media only screen and (width<=991px){.sidebar-wide-narrow-grid-2024 figure.image,.sidebar-wide-narrow-grid-2024 figure.app-frame,.sidebar-wide-narrow-grid-2024 figure.sequence,.sidebar-wide-narrow-grid-2024 figure.video{width:calc(100% + 3rem);margin:1.5rem -1.5rem;padding:0}}@media only screen and (width<=767px){.sidebar-wide-narrow-grid-2024 figure.image,.sidebar-wide-narrow-grid-2024 figure.app-frame,.sidebar-wide-narrow-grid-2024 figure.sequence,.sidebar-wide-narrow-grid-2024 figure.video{width:100%;margin:1.5rem 0;padding:0}}figure.hero{margin:0 0 1.5rem;display:block}figure.hero img{width:100%}@media only screen and (width>=768px) and (width<=991px){figure.hero{width:calc(100% + 3rem);margin:1.5rem -1.5rem;padding:0}}aside{float:right;max-width:50%;margin:0 -3rem 1.5rem 1.5rem;padding-top:1rem;font-size:1.3rem;position:relative}aside:before{content:" ";background-color:#2151c2;width:2em;height:3px;margin:0;display:block;position:absolute;top:.3rem}aside.left{float:left;text-align:right;margin-left:-1.5rem;margin-right:1.5rem}aside.left:before{right:0}@media only screen and (width<=767px){aside,aside.left{float:none;text-align:center;max-width:80%;margin:1.5rem auto}aside:before,aside.left:before{left:calc(50% - 1em)}}figure pre{max-width:calc(100vw - 30px);font-size:.8rem;overflow:scroll}iframe{margin:3rem auto}figure.phones{justify-content:space-around;width:calc(100% + 3rem);margin:2rem -1.5rem;display:flex}@media only screen and (width<=767px){figure.phones{width:100%;margin:1.5rem 0;padding:0}}figure.phones img,figure.phones iframe,figure.phones .embed-frame,figure.no-border img,figure.no-border iframe,figure.no-border .embed-frame{border:none}img.mobile{display:none}@media only screen and (width<=767px){img.desktop.mobile-enabled{display:none}img.mobile{display:block}}.phone{position:relative}@media only screen and (width<=767px){.phone{margin:0 5px}}.phone .device{width:100%}@media only screen and (width<=767px){.phone .device{display:none}}.phone .screen{border:1px solid #bbb;border-radius:3px;width:77%;height:72%;line-height:0;position:absolute;top:13%;left:11%;overflow:hidden}@media only screen and (width<=767px){.phone .screen{border-color:#eee;width:100%;height:100%;position:static;box-shadow:0 0 20px #0000000d}}.phone .screen img{width:100%;height:100%}figure.framed-ss{width:calc(100% + 3rem);margin:2rem -1.5rem}@media only screen and (width<=767px){figure.framed-ss{width:100%;margin:1.5rem 0;padding:0}}.browser{background:#e1dfe1;border:1px solid #eee;border-radius:10px 10px 3px 3px;overflow:hidden;box-shadow:0 0 20px #0000000d}@media only screen and (width<=767px){.browser{max-width:360px;margin:0 auto}}.browser:before{content:"";background:url(/assets/images/ui/traffic-light.svg) -5px -10px no-repeat;width:100%;height:30px;display:block}.browser .screen{background:#fff;min-height:150px}.browser .screen img{vertical-align:bottom;width:100%}#contact-info .grid-list{grid-column-gap:.75rem;grid-row-gap:.75rem;grid-template-columns:1fr 1fr;max-width:350px;display:grid}#contact-info .grid-list li{display:contents}#contact-info .link-out{color:#828282b3;margin-left:.1em;font-weight:450;position:relative;top:.1em}#contact-info a{color:#1e1e1eb3;font-family:Inter Tight,sans-serif;font-size:.933333rem;font-weight:450;line-height:1.5rem;text-decoration:none}#contact-info a:hover{color:#2151c2;text-decoration:underline}#contact-info a:hover .link-out{color:#2151c2}#contact-info ul{margin:.75rem 0}#contact-info .reading{margin-bottom:1.5rem}#four-oh-four{justify-content:center;align-items:center;width:100%;height:100%;display:flex}#four-oh-four h1{color:#fff;font-size:20rem}@media only screen and (width<=1199px){#four-oh-four h1{font-size:12rem}}@media only screen and (width<=767px){#four-oh-four h1{font-size:8rem}}#about-profile-picture{margin-right:1.5rem}#micro:before{content:" ";opacity:.25;background:linear-gradient(90deg,#b30a0a,#af4f0b,#6192bb,#c86dd7);width:2.5rem;height:1px;margin-bottom:1.5rem;display:block}#epigraph p{font-style:italic}section.unfiltered{margin-bottom:4.5rem}section.unfiltered:first-of-type h2{margin-top:0}section.unfiltered .posted{margin-top:1.5rem}.bottom-nav{margin-top:3rem}div#contents{position:sticky;top:0;overflow:hidden}@media only screen and (width<=1199px){div#contents{display:none}}div#contents h5{margin-bottom:0}div#contents ul#toc{margin:0;padding-inline-start:0;list-style:none}div#contents ul#toc li{margin-bottom:0;font-family:Bitter,sans-serif;font-size:.888889rem;font-weight:450;line-height:1.5rem;list-style:none}div#contents ul#toc li a{color:#313133;text-decoration:none}div#contents ul#toc li a:hover{color:#2151c2;text-decoration:underline}div#contents ul#toc ul{margin:0;padding-inline-start:0}pre.highlight{box-sizing:border-box;border:1px solid #0000000d;max-width:calc(100vw - 2rem);padding:.8rem;font-size:.8em;overflow-x:scroll}code{border-radius:3px;padding:.1rem .2rem;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.875em}pre code{font-size:inherit;background-color:#0000;border-radius:0;padding:0}:root{--astro-code-background:#fffffa;--astro-code-foreground:#586e75;--astro-code-token-comment:#657b83;--astro-code-token-keyword:#6c71c4;--astro-code-token-string:#859900;--astro-code-token-string-expression:#859900;--astro-code-token-constant:#cb4b16;--astro-code-token-function:#586e75;--astro-code-token-parameter:#586e75;--astro-code-token-punctuation:#93a1a1;--astro-code-token-link:#268bd2}