@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;650;700;750;800&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css";:root{--menu-total-height: 0px}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Inter,sans-serif;background:#f1f1f1}#app{width:100vw;height:100vh}.columns{display:flex;gap:3rem;width:100%;height:100%}.columns>.menu-container{flex:0 0 33.3333%}@media (max-width: 50rem){.columns{flex-direction:column;gap:1.5rem}.columns>.menu-container{flex:0}.columns>.content-container{margin-top:2.25rem;transition:margin-top .24s cubic-bezier(.22,1,.36,1)}.columns:has(.menu-container .menu-items.open)>.content-container{margin-top:calc(3rem + var(--menu-open-height, 0px) + .75rem)}@media (prefers-reduced-motion: reduce){.columns>.content-container{transition:none}}}.menu-container{position:relative;flex:1}.menu-container .menu-header{position:absolute;top:clamp(0px,25vh,9rem);height:1.75rem;width:100%}.menu-container .menu-header-text{position:absolute;top:0;right:0;padding:0;border:0;background:transparent;color:#000;text-align:right;font-size:.85rem;font-weight:700;font-family:inherit;cursor:pointer}.menu-header:after{content:"";position:absolute;left:0;bottom:-.25px;width:100%;height:.5px;background:#000;box-shadow:0 2px 2px #0005}.menu-container .hamburger{display:none}.menu-container button:focus-visible{outline:1px solid #000;outline-offset:.2rem}.columns.menu-expanded>.content-container{transform:translateY(var(--menu-total-height));transition:transform .3s ease-in-out}.menu-container .menu-items{position:absolute;top:calc(clamp(0px,25vh,9rem) + 2rem);right:0;width:18rem;text-align:right}.menu-item{display:flex;flex-direction:column;align-items:flex-end;text-align:right;border-bottom:.25px solid #000;padding:.5rem 0rem;font-size:.825rem;font-weight:500;cursor:pointer}.menu-item-button,.menu-item .sub-menu-item{width:100%;padding:0;border:0;background:transparent;color:#000;cursor:pointer;font:inherit;text-align:inherit}.menu-item-button{display:flex;align-items:center;justify-content:flex-end;gap:.35rem}.menu-disclosure{display:none}.menu-item .sub-menu{display:block;width:100%;margin-top:.25rem}.menu-item .sub-menu-item{height:2rem;display:flex;align-items:center;justify-content:flex-end;font-weight:300}.menu-item-button[aria-current],.menu-item .sub-menu-item[aria-current]{font-weight:700}@media (max-width: 50rem){.menu-container{flex:0 0 auto;height:auto}.menu-container .menu-header{display:flex;align-items:center;justify-content:center;position:absolute;top:1.25rem;width:100%;height:1.75rem}.menu-container .hamburger{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:1.5rem;height:100%;width:1.75rem;transform:translateY(-.375rem);padding:0;border:0;background:transparent;color:#000;font-family:inherit;cursor:pointer;z-index:1001}.menu-container .hamburger-icon{display:flex;flex-direction:column;justify-content:space-between;width:.875rem;height:.625rem}.menu-container .hamburger-icon span{display:block;width:100%;height:.125rem;background:#000}.menu-container .menu-header-text{position:static;display:flex;align-items:center;height:100%;line-height:1;text-align:center;transform:translateY(-.375rem)}.menu-container .menu-items{position:fixed;top:calc(3rem + 1px);left:0;right:0;text-align:center;width:100%;max-height:0;overflow:hidden auto;transition:max-height .24s cubic-bezier(.22,1,.36,1),padding .24s cubic-bezier(.22,1,.36,1);background-color:#f1f1f1;padding:0;margin:0;z-index:1000}.menu-container .menu-items.open{max-height:min(var(--menu-open-height, 0px),calc(100dvh - 4rem));padding-top:.5rem;padding-bottom:.5rem}.menu-item{text-align:center;align-items:center;border-bottom:.25px solid #000}.menu-item-button{justify-content:center}.menu-disclosure{display:inline-block;width:.75rem;font-weight:300;transition:transform .24s cubic-bezier(.22,1,.36,1)}.menu-item.expanded .menu-disclosure{transform:rotate(45deg)}.menu-item .sub-menu{display:block;max-height:0;margin-top:0;overflow:hidden;opacity:0;transition:max-height .24s cubic-bezier(.22,1,.36,1),margin-top .24s cubic-bezier(.22,1,.36,1),opacity .16s ease-out}.menu-item.expanded .sub-menu{max-height:var(--work-submenu-height, 0px);margin-top:.25rem;opacity:1}.menu-item .sub-menu-item{justify-content:center}@media (prefers-reduced-motion: reduce){.menu-container .menu-items,.menu-item .sub-menu,.menu-disclosure{transition:none}}}@media (max-width: 9rem){.menu-container .hamburger{position:static}.menu-container .menu-header-text{display:none}}.content-container{position:relative;flex:1}.content-header{position:absolute;display:flex;align-items:center;gap:.35rem;top:clamp(0px,25vh,9rem);height:1.75rem;width:100%;background:#f1f1f1;z-index:1;font-weight:700;font-size:.85rem}.content-header-text{min-width:0}.content-header:after{content:"";position:absolute;left:0;bottom:-.25px;width:100%;height:.5px;background:#000;box-shadow:0 2px 2px #0005}.content-items{position:absolute;top:clamp(0px,25vh,9rem);bottom:0;left:0;right:0;overflow-y:auto}.story-title{position:relative;display:flex;align-items:center;gap:.35rem;text-align:left;font-size:.85rem;font-weight:700;color:#000;height:1.75rem;width:100%}.story-title-text{min-width:0}.story-link-button{width:1.25rem;height:1.25rem;padding:0;border:0;background:transparent;color:#000;cursor:pointer;font-size:.7rem;line-height:1;opacity:.45}.story-link-button:hover,.story-link-button:focus,.story-link-button.copied{opacity:1}.story-link-button:focus-visible,.popout-button:focus-visible,.back-to-top:focus-visible{outline:1px solid #000;outline-offset:.2rem}.story-title:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:.5px;background:#000;box-shadow:0 2px 2px #0003}.story{display:grid;row-gap:.5rem}.story .story-container{width:30rem;margin-bottom:3rem}.story .story-container h4{font-size:.9rem;font-weight:600;margin:.5rem 0}.story-container .date{font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:600;margin:.5rem 0}.story-container .description{font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:400;margin:.5rem 0;padding-bottom:1rem;border-bottom:.25px solid #000}.story-container p{font-size:.85rem;line-height:1.5rem}.story-container .body{border-bottom:.25px solid #000;padding-bottom:1rem;margin:1rem 0}.story .story-container img{max-width:30rem;width:100%;height:auto;display:block}.story-container .animation{max-width:30rem;width:100%;display:block;margin:1rem 0}.story .caption{font-style:italic;border-bottom:.25px solid #000;padding-bottom:1rem;margin:1rem 0}.story-container ul,.story-container ol{font-size:.85rem;line-height:1.66666666;margin:.5rem 0;padding-left:1rem;list-style-position:outside;list-style-type:disc}.story-container li{margin:.1rem 0;padding-left:.5rem}.story-container li::marker{margin-right:1em}.story-container ul{list-style-type:disc;list-style-position:outside}.story-container ol{list-style-type:decimal;list-style-position:outside}.video-wrapper{position:relative;display:inline-block;vertical-align:top;font-size:0;line-height:0}.video-wrapper .animation{display:block;margin:0}.media-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:#000c;z-index:10000}.media-modal-overlay.open{display:flex}.media-modal-content img,.media-modal-content video{max-width:75vw;max-height:75vh;width:auto;height:auto;object-fit:contain;display:block;background:#f1f1f1}.media-modal-content img{padding:3rem}.popout-button{position:absolute;top:.5rem;right:.5rem;width:2rem;height:2rem;padding:0;display:flex;align-items:center;justify-content:center;background:#f1f1f1;border:.5px solid #000;cursor:pointer;border-radius:.25rem}.back-to-top{display:none;position:fixed;bottom:1.5rem;right:1.5rem;width:3rem;height:3rem;border-radius:50%;background-color:#f1f1f1cc;color:#000;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 2px 5px #0003;cursor:pointer;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;border:.5px solid #000;font-family:inherit}@media (max-width: 50rem){.content-container{width:90%;margin:0 auto}.content-header{top:.5rem;justify-content:center;text-align:center}.content-items{width:100%;top:.5rem;padding:0 .5rem}.story .story-title{justify-content:center;text-align:center}.story .story-container{width:100%;margin-bottom:3rem}.story .story-container img{max-width:100%}.popout-button{display:none}.back-to-top.visible{opacity:1;visibility:visible}}