.project-page-sidebar{width:100%}.project-page-sidebar__list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.project-page-sidebar__link,.project-page-sidebar__sublink{font-size:var(--fontSize-medium);color:var(--primary);font-weight:500;text-decoration:none}.project-page-sidebar__link:hover,.project-page-sidebar__sublink:hover{text-decoration:underline}.project-page-sidebar__sublist{border-left:1px solid color-mix(in srgb, var(--primary) 30%, transparent);flex-direction:column;gap:6px;margin:6px 0 0;padding:0 0 0 12px;list-style:none;display:flex}.project-page-sidebar__sublink{font-weight:400;font-size:var(--fontSize-small)}
.project-page{--project-header-offset:var(--site-chrome-height);--project-scroll-offset:calc(var(--project-header-offset) + 16px);box-sizing:border-box;opacity:0;width:100%;min-height:100%;padding:32px 100px 80px;animation:.3s forwards project-page-enter;position:relative}.project-page__layout{width:100%;position:relative}.project-page__intro{top:calc(var(--project-header-offset) + 32px);z-index:5;text-align:start;flex-direction:column;align-items:stretch;width:280px;display:flex;position:fixed;left:100px}@keyframes project-page-enter{0%{opacity:0}to{opacity:1}}.project-page__back{align-self:flex-start;margin-bottom:24px}.project-page__title{font-family:var(--font-sans);color:var(--primary);margin:0 0 12px;font-size:40px;font-weight:400}.project-page__subtitle{font-size:var(--fontSize-large);color:var(--foreground);margin:0;line-height:1.5}.project-page__intro .project-page-sidebar{width:100%;margin-top:32px;position:static}.project-page__main{box-sizing:border-box;background-color:#fff;flex-direction:column;align-items:stretch;gap:64px;width:auto;min-width:0;max-width:800px;min-height:100%;margin-left:max(460px,100% - 900px);padding:32px;display:flex}@media (max-width:1100px){.project-page{padding:32px}.project-page__intro{left:32px}.project-page__main{margin-left:max(360px,100% - 832px);margin-right:32px}}@media (max-width:900px){.project-page__intro{width:100%;margin-bottom:40px;position:static}.project-page__main{max-width:none;margin-left:0;margin-right:0}}@media (prefers-reduced-motion:reduce){.project-page{opacity:1;animation:none}}
.project-page-section{scroll-margin-top:var(--project-scroll-offset,var(--site-chrome-height))}.project-page-section__heading{font-family:var(--font-sans);color:var(--primary);margin:0 0 16px;font-size:28px;font-weight:500}.project-page-section__body{flex-direction:column;gap:24px;display:flex}.project-page-section__body>p{font-size:var(--fontSize-medium);color:var(--foreground);margin:0;line-height:1.6}
.project-page-subsection{scroll-margin-top:var(--project-scroll-offset,var(--site-chrome-height))}