.single-project .teaser{position:relative}.single-project .teaser:before{background-image:linear-gradient(to top, rgba(var(--clr-foreground-rgb), .8) 0%, rgba(var(--clr-foreground-rgb), 0) 100%);mix-blend-mode:multiply;content:"";width:100%;height:40dvh;display:flex;position:absolute;bottom:0;left:0;right:0}.single-project .teaser-content h1{margin-bottom:.125em}.single-project .teaser-content p{margin-top:0}.single-project .project-tags{margin:.75em 0}.single-project .project-tags li{background-color:var(--clr-background);color:var(--clr-foreground)}.single-project .project-desc img{margin-bottom:0;margin-top:var(--gap-third)}.single-project .project-desc img.has-lightbox{cursor:zoom-in}.single-project .project-navigation{flex-flow:row;justify-content:space-between;align-items:center;display:flex}.single-project .project-navigation *{margin:0}:root{--lightbox-min:calc(var(--content-max-width) + 9rem)}.lightbox{cursor:zoom-out;overscroll-behavior:contain;max-width:none;height:100%;max-height:none;padding:var(--gap);background:0 0;border:0;width:100%}.lightbox[open]{justify-content:center;align-items:center;display:flex}.lightbox::backdrop{background:#1d1d1deb}.lightbox img{border-radius:var(--global-radius);-o-object-fit:contain;object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;margin:0}.lightbox-close{aspect-ratio:1;color:var(--clr-background);cursor:pointer;height:auto;font-family:var(--base-font);right:var(--gap-third);top:var(--gap-third);background:0 0;border:0;place-items:center;width:100%;max-width:3rem;margin:0;padding:.125em;font-size:3rem;line-height:1lh;display:grid;position:absolute}.lightbox-close:focus:not(:focus-visible){outline:0}.project-video{margin:var(--gap-third) 0}.project-video video{background-color:var(--clr-grey-50);max-width:100%;height:auto;max-height:80dvh;margin-inline:auto;display:block}.youtube-video{--logo-size:48px;background-color:var(--clr-grey-50);margin-top:var(--gap-third);grid-template-columns:minmax(0,1fr);place-content:center;display:grid;position:relative}@media only screen and (width>=768px){.youtube-video{--logo-size:64px}.youtube-video .load-external-content{font-size:var(--fs-300);padding:var(--gap)}.youtube-video .load-external-content:before{margin:1rem auto}}.youtube-video.has-thumb{background-position:50%;background-repeat:no-repeat;background-size:cover}.youtube-video.has-thumb:after{content:"";background-color:#0009;position:absolute;inset:0}.youtube-video.has-thumb .load-external-content{color:#fff}.youtube-video.has-thumb .load-external-content:before{background-color:#fff}.youtube-video button{background-color:#0000;border:0;border-radius:.075em}.youtube-video button:focus-visible{outline-offset:.25em}.youtube-video iframe,.youtube-video .load-external-content{aspect-ratio:16/9;grid-row-start:1;grid-column-start:1;min-width:0}.youtube-video iframe{z-index:1;border:0;width:100%;max-width:100%;margin:0;display:grid}.youtube-video .load-external-content{color:var(--clr-foreground);font-size:var(--fs-100);padding:var(--gap-half);text-align:center;z-index:2;margin:0;position:relative}.youtube-video .load-external-content:before{content:"";background-color:var(--clr-foreground);height:var(--logo-size);width:var(--logo-size);-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path d=\"M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z\"/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path d=\"M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z\"/></svg>");-webkit-mask-size:var(--logo-size);mask-size:var(--logo-size);margin:.25rem auto;display:block}.youtube-figure figcaption{color:var(--clr-grey);font-size:var(--fs-100);text-align:center;max-width:28rem;margin:.25em auto 0}.youtube-figure figcaption a{color:var(--clr-grey)}
