:root{--bg: #0f0f10;--panel: #161618;--text: #e8e8ea;--muted: #a8a8ad;--accent: yellow;--border: #26262a;--font-size-links: 1.5rem;--font-size-text: 1.25rem;--font-size-h1: 1.875rem;--font-size-h2: 1.625rem;--line-height: 2rem}@media (max-width: 1024px){:root{--font-size-links: 1.375rem;--font-size-text: 1.125rem;--line-height: 1.8rem;--font-size-h1: 1.625rem;--font-size-h2: 1.5rem}}@media (max-width: 768px){:root{--font-size-links: 1.25rem;--font-size-text: .9375rem;--line-height: 1.5rem;--font-size-h1: 1.375rem;--font-size-h2: 1.25rem}}*{box-sizing:border-box}::selection{color:var(--bg);background:red}::-moz-selection{color:var(--bg);background:red}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:monospace;display:flex;flex-direction:column}:root{--scrollbar-thumb: #b8b8ba;--scrollbar-thumb-hover: #4b5563;--scrollbar-size: 6px}a{color:var(--text)}a:hover{color:var(--accent)}.scrollable{overflow:auto;scrollbar-gutter:stable}@supports (scrollbar-color: auto){.scrollable{scrollbar-color:var(--scrollbar-thumb) var(--bg);scrollbar-width:thin}}@supports not (scrollbar-color: auto){.scrollable::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}.scrollable::-webkit-scrollbar-track,.scrollable::-webkit-scrollbar-corner{background:var(--bg)}.scrollable::-webkit-scrollbar-thumb{min-height:40px;background-color:var(--scrollbar-thumb);background-clip:padding-box;border:3px solid var(--bg);border-radius:0}.scrollable::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}}@media (forced-colors: active){.scrollable{scrollbar-color:auto;scrollbar-width:auto}}.nav,.nav__link,.nav__submenu{font-size:var(--font-size-links)}p{font-size:var(--font-size-text);line-height:var(--line-height)}li{all:unset}.page{padding:3.125rem 3.75rem 5rem;display:flex;flex-direction:column;gap:3.125rem;flex:1;position:relative}@media (max-width: 768px){.page{padding:1.5rem 2.125rem 3.375rem}}.nav{position:relative;--nav-submenu-vertical-inset: 8.125rem }.nav:not(.nav--mobile){width:fit-content}.nav__tab-list{display:flex;flex-direction:column;flex-wrap:wrap;margin:0;padding:0}.nav__tab{all:unset;display:block;width:fit-content;border-radius:.375rem;text-decoration:none;color:var(--text);background:transparent;border:.0625rem solid transparent;cursor:pointer;text-align:left;padding:.5rem 0}.nav__tab:hover{text-decoration:underline}.nav__tab:focus{color:var(--accent)}.nav__tab--active{font-weight:600;color:var(--accent)}.nav__page-list{display:flex;list-style:none;padding:0;margin:0;flex-wrap:wrap}.nav__page-item{margin:0}.nav__link,.body__link{all:unset;display:block;width:max-content;max-width:100%;border-radius:.375rem;text-decoration:none;color:var(--text);background:transparent;border:.0625rem solid transparent;cursor:pointer;text-align:left;padding:.5rem 0}.nav__link{line-height:2rem}.body__link{font-size:var(--font-size-text)}.nav__link:hover,.body__link:hover{text-decoration:underline}.nav__link:focus,.body__link:focus{color:var(--accent)}.nav__submenu{display:flex;flex-direction:column;overflow:hidden;list-style:none;margin:0;padding:0;will-change:clip-path,height}.nav__submenu--desktop{position:absolute;top:0;left:100%;margin-left:2.8rem;padding-right:1.6rem;max-height:calc(100dvh - var(--nav-submenu-vertical-inset));max-width:38rem;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;z-index:10}.nav__submenu--desktop.nav__submenu--has-open-child{overflow:visible;max-height:none}.nav__submenu-item{will-change:transform,opacity}.nav--mobile{display:flex;flex-direction:column;gap:0}.nav--mobile .nav__group-list{list-style:none;padding:0;margin:0}.nav--mobile .nav__group-item+.nav__group-item{margin-top:.25rem}.nav--mobile .nav__group-item{position:relative}.nav__tab--mobile{padding:.5rem 0}.nav__submenu--mobile{padding:0 0 1rem;will-change:transform,opacity}.page__bar{font-size:var(--font-size-links);margin-bottom:.8rem}.project-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}h1{font-size:var(--font-size-h1);margin:0 0 1.5rem}h2{font-size:var(--font-size-h2);margin:0 0 1.5rem}p{margin:0 0 .8rem}.contrast-text{position:relative;display:inline-flex;align-items:center;padding:.3rem .4rem .5rem;isolation:isolate;text-decoration:inherit;color:inherit;line-height:var(--line-height)}.contrast-text:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#05050594;z-index:-1;-webkit-user-select:none;user-select:none;pointer-events:none}