.project-list{padding-top:0}.project-list-items{display:flex;flex-direction:column;gap:0}.project-list-item{display:flex;flex-direction:column;justify-content:center;margin:var(--gapD) 0;position:relative}@media(max-width:1279px){.project-list-item:last-child{margin-bottom:0}}.project-list-item .btn.hidden-desktop{margin-top:var(--gap)}@media(max-width:549px){.project-list-item .btn.hidden-desktop{margin-top:var(--gapD);width:100%}}.project-list-item.iv .project-list-image figure:after{opacity:1}.project-list-item.iv .project-list-image figure:hover:after{opacity:0!important}.project-list-item.iv .project-list-image figure:hover img{filter:brightness(1)!important}.project-list-item.iv .project-list-image img{filter:brightness(.85);opacity:1}.project-list-item.iv .edge{opacity:1;--edge-width: var(--gapH)}@media(min-width:1280px){.project-list-item.iv .edge{--edge-width: var(--gapH2);--edge-height: calc(50% + 1px) }}.project-list-item.iv .col--content{opacity:1;transition-delay:.75s;translate:0 0}.project-list-item.line--active .project-list-line{opacity:1;scale:1 1;transition-delay:.05s;width:var(--gap)}.project-list-item.line--active .project-list-line:after,.project-list-item.line--active .project-list-line:before{opacity:1}.project-list-item.line--active .project-list-line:after{animation:pulse-size 2s ease-out infinite}.project-list-image{display:block;padding:0;position:relative}@media(min-width:1280px){.project-list-image{padding:var(--gapH2)}}.project-list-image figure{aspect-ratio:2212/1564;position:relative}.project-list-image figure:after{background:var(--grey-darkest);content:"";top:0;right:0;bottom:0;left:0;mix-blend-mode:color;opacity:0;pointer-events:none;position:absolute;transition:opacity 1s var(--cub1)}.project-list-image img{filter:brightness(.85)}.low-tier .project-list-image img{filter:none}.project-list-image img{opacity:0;transition:filter 1s var(--cub1),opacity 2s var(--cub1)}.project-list-image:hover figure:after{opacity:0!important}.project-list-image:hover img{filter:none!important}@media(min-width:1280px){.project-list-image{padding-left:0}}.project-list-image:before,.project-list-image:after{right:-1px;translate:100% 0}.project-list-image:after{right:calc(var(--gap) * -1);transform:translate(-50%,-50%)}.project-list-image .edge{--edge-pos: calc((var(--gapH) - var(--gapH2)) * -1) !important;--edge-width: 0;--edge-height: 0;display:none;opacity:0;transition:opacity .05s,width .05s,height .25s .05s;transition-timing-function:var(--cub1)}@media(min-width:1280px){.project-list-image .edge{display:block;--edge-pos: -1px !important}}@media(min-width:1280px){.project-list-image .edge--tr,.project-list-image .edge--br{height:var(--edge-height)}}@media(min-width:1280px){.project-list-image .edge--tl,.project-list-image .edge--bl{display:none}}.project-list-line{background:var(--green-highlight);display:none;height:1px;left:calc(50% - var(--gap) + 1px);opacity:1;pointer-events:none;position:absolute;top:var(--line-y, -200%);transform:translateY(-50%);transform-origin:left center;transition:.2s var(--cub2);transition-property:opacity,width;width:0}@media(min-width:1280px){.project-list-line{display:block}}.project-list-line:before,.project-list-line:after{aspect-ratio:1/1;background:oklch(from var(--green-highlight) l c h/.25);border:1px solid var(--green-highlight);border-radius:50%;content:"";opacity:0;position:absolute;right:0;top:0;transform:translate(50%,-50%);transform-origin:right top;width:22px;z-index:1}.project-list-line:before{background:var(--green-highlight);transform:translate(50%,-50%);transition-property:opacity;width:6px;z-index:2}@keyframes pulse-size{0%{opacity:0;scale:.1 .1}15%{opacity:1}30%{opacity:0;scale:1.2 1.2}to{opacity:0;scale:1.2 1.2}}.project-list .col--content{display:flex;flex-direction:column;justify-content:center;opacity:0;transition:.35s var(--cub1);transition-property:translate,opacity;translate:calc(var(--gap) * -1) 0;width:100%}.project-list .col--content-inner{display:flex;flex-direction:column}@media(min-width:1680px)and (max-aspect-ratio:2/.9){.project-list .col--content{padding:0 var(--gap) 0 0}}@media(min-width:1680px)and (max-height:900px){.project-list .col--content{padding-bottom:0;padding-top:0}}.project-list .col--content .hl--2{font-size:var(--fs-h1-small);font-weight:700;line-height:1}@media(min-width:1280px){.project-list .col--content .hl--2{font-size:var(--fs-h2-big);line-height:1.2}}.project-list .col--content .hl--3{font-family:var(--ff-mono);font-weight:600;margin-top:1em;max-width:65ch;text-transform:none}@media(min-width:1280px){.project-list .col--content .hl--3{margin-top:.5em}}.project-list .col--content .bodytext{font-size:var(--fs-body);font-weight:500;margin-top:.75em;text-wrap:balance}@media(min-width:1280px){.project-list .col--content .bodytext{font-weight:300;margin-top:.25em}}.project-list .col--content .btn{--padding: .75em 1em;font-weight:700;letter-spacing:0;margin-top:auto}.project-list .col--media{order:1}@media(min-width:1280px){.project-list .col--media{order:-1}}.project-list .customer__info{align-items:flex-start;display:flex;flex-direction:column;font-size:var(--fs-s);gap:var(--gapH);position:sticky;top:var(--gap)}@media(min-width:768px){.project-list .customer__info{flex-direction:row;gap:var(--gap)}}@media(min-width:1280px){.project-list .customer__info{gap:var(--gapH)}}.project-list .customer__logobox{align-items:center;aspect-ratio:1/1;background-color:oklch(from var(--grey-darkest) l c h/.75);border:1px solid oklch(from var(--text-muted) l c h/.3);display:flex;flex:0 0 max(var(--gapD2),200px);justify-content:center;margin-bottom:var(--gap);padding:1em}@media(min-width:768px){.project-list .customer__logobox{flex:0 0 25%;margin-bottom:0}}@media(min-width:1280px){.project-list .customer__logobox{flex:0 0 var(--gapD)}}.project-list .customer__infobox{--label-width: 5em}@media(min-width:768px){.project-list .customer__infobox{--label-width: 6.5em}}.project-list .customer__infobox{display:grid;font-family:var(--ff-mono);font-size:var(--fs-s);font-weight:300;gap:0;margin:var(--gapH) 0 0 0;position:sticky;position:relative;top:var(--gap);top:0;width:100%}@media(min-width:768px){.project-list .customer__infobox{display:grid}}@media(min-width:1024px){.project-list .customer__infobox{margin-bottom:var(--gapH);width:50%}}@media(min-width:1280px){.project-list .customer__infobox{font-size:var(--fs-s);margin:var(--gapH) 0;width:auto;width:-moz-fit-content;width:fit-content}}.project-list .customer__infobox-item{border-bottom:1px solid oklch(from var(--text-muted) l c h/.15);display:flex;gap:1em;line-height:1.618;padding:.75em 0}.project-list .customer__infobox-item:first-child{padding-top:0}.project-list .customer__infobox-item:last-child{border-bottom:none;padding-bottom:0}.project-list .customer__infobox-item-label{color:var(--green-highlight);flex:0 0 var(--label-width)}.project-list .customer__infobox-item-label:after{content:none}@media(min-width:1280px){.project-list .customer__infobox-item-value{text-wrap:balance}}.project-list .customer__infobox-item-value[href]{transition:color .2s ease-out}.project-list .customer__infobox-item-value[href]:after{display:none}.project-list .customer__infobox-item-value[href]:hover{color:var(--green-highlight)}.project-list .customer__infobox>span:nth-child(n+7){display:none}.project-list .hl+.customer__infobox{margin-top:var(--gap)}@media(min-width:1280px){.project-list .hl+.customer__infobox{margin-top:var(--gapH)}}.project-list-image-wrap{display:flex;gap:var(--gapH);overflow:hidden}.project-list-image-wrap figure{flex:1 0 100%}body:has(.project-list .project-list-items.iv) .canvas-container{opacity:.6!important}