.project-showcase{margin-top:42px;padding-top:32px;border-top:1px solid var(--line)}
.project-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:23px}
.project-heading h3{font:400 clamp(29px,3vw,40px)/1.2 var(--display);color:var(--wine);margin-top:10px}
.fold-deck{display:flex;gap:14px;perspective:1200px}
.fold-card{flex:1;min-width:0;min-height:300px;position:relative;isolation:isolate;overflow:hidden;border-radius:18px;padding:26px;color:var(--paper);background:var(--ink);display:flex;flex-direction:column;transform:rotateY(-3deg);transform-origin:left;transition:flex .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1),box-shadow .4s ease}
.fold-media{position:absolute;inset:0;z-index:-2;pointer-events:none;filter:grayscale(1) brightness(.8);transform:scale(1.025);transition:filter .65s ease,transform .8s cubic-bezier(.22,1,.36,1)}
.fold-media img,.fold-media video{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}
.fold-media video{object-position:center top}
.fold-card:nth-child(2) .fold-media img{object-position:center 75%}
.fold-media video{opacity:0;transition:opacity .32s ease}
.fold-card.is-playing .fold-media video{opacity:1}
.fold-slideshow{position:absolute;inset:0;background:var(--paper);opacity:0;transition:opacity .35s ease}
.fold-card.is-playing .fold-slideshow{opacity:1}
.fold-media .fold-slideshow img{object-fit:contain;object-position:center;opacity:0;z-index:0;transition:opacity .65s ease}
.fold-media .fold-slideshow img.is-current{opacity:1;z-index:2}
.fold-media .fold-slideshow img.is-previous{opacity:1;z-index:1}
.fold-card:last-child .fold-media img{object-position:65% center}
.fold-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,#172b24df,#172b2470),linear-gradient(180deg,transparent 55%,#172b24a0);transition:opacity .35s ease}
.fold-card:last-child.is-previewing:after{opacity:.62}
.fold-card:last-child.is-previewing>:is(.fold-number,h4,p){text-shadow:0 1px 7px #172b2480}
.fold-number,.fold-card h4,.fold-card p,.fold-arrow,.fold-link{transition:opacity .25s ease}
@media(hover:hover) and (pointer:fine){.fold-card.is-previewing:has(video,.fold-slideshow)>:is(.fold-number,h4,p,.fold-arrow,.fold-link),.fold-card.is-previewing:has(video,.fold-slideshow):after{opacity:0}}
@media(hover:hover) and (pointer:fine){.fold-card:last-child.is-previewing>.fold-link{opacity:0}}
.fold-card.is-open{flex:1.7;transform:rotateY(0);box-shadow:0 12px 24px #29373314}
.fold-card.is-open .fold-media{filter:grayscale(0) brightness(1);transform:scale(1)}
.fold-number{font-size:10px;letter-spacing:.09em;text-transform:uppercase;opacity:.85}
.fold-card h4{font:400 30px/1.1 var(--display);margin:16px 0 12px;max-width:12ch;padding-right:34px}
.fold-card p{font-size:14px;line-height:1.6;max-width:23ch}
.fold-arrow{position:absolute;top:25px;right:22px;width:30px;height:30px;display:grid;place-items:center;color:var(--paper);transition:opacity .25s ease,transform .4s ease}
.fold-arrow .brand-star{width:21px;height:21px;filter:drop-shadow(0 1px 2px #172b24)}
.fold-card.is-open .fold-arrow{transform:rotate(8deg)}
.fold-link{width:fit-content;margin-top:auto;padding:7px 11px;border:1px solid #fcf8f280;border-radius:30px;background:#172b2450;backdrop-filter:blur(8px);font-size:12px;line-height:1.4;transition:opacity .25s ease,background .3s ease,color .3s ease,border-color .3s ease,transform .4s cubic-bezier(.22,1,.36,1)}
.fold-card:focus-visible .fold-link{background:var(--paper);color:var(--wine);border-color:var(--paper);transform:translateY(-3px)}
@media(hover:hover){.fold-link:hover{background:var(--paper);color:var(--wine);border-color:var(--paper);transform:translateY(-3px)}}
.fold-card:focus-visible{outline-offset:5px;outline:2px solid var(--wine)}
@media(max-width:900px){.fold-card{padding:22px;min-height:285px}.fold-card h4{font-size:26px;padding-right:15px}.fold-number{max-width:16ch}.fold-arrow{top:20px;right:17px;width:25px;height:25px}.fold-card.is-open{flex:1.35}}
@media(max-width:640px){.project-showcase{margin-top:30px;padding-top:26px}.project-heading{align-items:flex-start;flex-direction:column;gap:9px;margin-bottom:20px}.project-heading h3{font-size:32px}.fold-deck{flex-direction:column;gap:12px;perspective:none}.fold-card,.fold-card.is-open{flex:initial;min-height:190px;padding:22px;transform:none}.fold-card h4{font-size:29px;max-width:none;margin:11px 0 8px}.fold-card h4 br{display:none}.fold-card p{font-size:13px;max-width:none;margin-bottom:18px}.fold-number{max-width:none}.fold-link{font-size:11px}}
@media(prefers-reduced-motion:reduce){.fold-card,.fold-media,.fold-link,.fold-arrow,.fold-slideshow,.fold-media .fold-slideshow img{transition:none;transform:none}}