@view-transition{navigation:auto}::view-transition-group(*){animation-duration:.3s;animation-timing-function:ease-in-out}::view-transition-group(root){animation-duration:.18s}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}.breadcrumbs ol{flex-wrap:wrap;gap:.5rem;margin:1.5rem 0;padding:0;list-style:none;display:flex}.breadcrumbs li+li:before{content:"/";color:var(--color-grey);margin-right:.5rem}.breadcrumbs li,#content a{overflow-wrap:anywhere}.page-toc{border:1px solid var(--color-lightGrey);border-radius:.4rem;margin:2rem 0;padding:1.5rem 2rem}.page-toc summary{cursor:pointer;font-weight:600}.page-toc ol{padding-left:2rem}#content picture{display:contents}#content img[sizes]{max-width:100%}#content img[data-intrinsic-size]{height:auto}#content iframe{max-width:100%}#content .project-info img{object-fit:contain}@media (min-width:600px){#content .card:has(>.project-info){column-gap:var(--grid-gutter);flex-basis:100%;grid-template-rows:auto 1fr;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"media title""media details";min-width:0;display:grid}#content .card:has(>.project-info):nth-of-type(2n){grid-template-areas:"title media""details media"}#content .card:has(>.project-info)>h3{grid-area:title}#content .card>.project-info{display:contents}#content .card>.project-info>.col-6{min-width:0;max-width:none;margin:0}#content .card>.project-info>.col-6:first-child{grid-area:media;align-self:center}#content .card>.project-info>.col-6:last-child{grid-area:details}#content .card:has(>.project-info)>.project-links{grid-column:1/-1}}#search{--pagefind-ui-scale:1;--pagefind-ui-primary:var(--color-primary);--pagefind-ui-text:var(--font-color);--pagefind-ui-background:var(--bg-color);--pagefind-ui-border:var(--color-lightGrey);--pagefind-ui-tag:var(--bg-secondary-color);--pagefind-ui-font:var(--font-family-sans);margin:2rem 0}#search .pagefind-ui__search-input{padding-inline:calc(70px * var(--pagefind-ui-scale))}@media (min-width:481px) and (max-width:1100px){#top .nav>.container{flex-wrap:wrap;align-items:center}#top .nav-left{flex:auto}#top .nav-right{flex:none}#top .nav-center{flex-wrap:wrap;flex:0 0 100%;order:1}}@media (max-width:600px){#top .nav .container,#top .nav-center{flex-wrap:wrap}}