/* Paper-mounted film covers; source artwork and playback remain intact. */
.project-list{gap:90px}
.project-list .project{position:relative;isolation:isolate}
.project-list .project .project-visual{aspect-ratio:auto;padding:36px 20px 20px;background:#eae9de;border:1px solid #72836a55;overflow:visible;box-shadow:8px 10px 0 #647a5c13;transition:box-shadow .45s,background .45s}
.project-list .project .project-visual>img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#26382f;filter:saturate(.66) contrast(.93) sepia(.12);transform:none;transition:filter .65s,transform .65s}
.project-list .project .project-visual:before{content:'';position:absolute;inset:36px 20px 20px;background:#7c967e;mix-blend-mode:color;opacity:.18;pointer-events:none;z-index:1;transition:opacity .6s}
.project-list .project:hover .project-visual>img,.project-list .project:focus-visible .project-visual>img{filter:none;transform:none}
.project-list .project:hover .project-visual:before,.project-list .project:focus-visible .project-visual:before{opacity:0}
.project-list .project:hover .project-visual{background:#f2f0e6;box-shadow:12px 15px 0 #647a5c20}
.project-list .image-note{top:12px;left:20px;right:20px;padding:0;color:#546a59;background:transparent;font:9px/1 'Courier New',monospace;letter-spacing:1.5px;display:flex;align-items:center;gap:12px}
.image-note i{height:1px;flex:1;background:#72836a45}
.project-list .project-number{left:-22px;bottom:-23px;color:#344d3e;background:#dce1d3;border:1px solid #7e8c6855;font:italic 700 48px/1 Arial,sans-serif;letter-spacing:-4px;padding:7px 15px 9px 10px;z-index:3;transform:rotate(-5deg)}
.project-list .project-open{right:20px;bottom:20px;z-index:3;background:#d2df9ce8;color:#2a4232;padding:13px 22px;font-size:23px;backdrop-filter:blur(8px)}
.project-list .project-caption{padding:20px 0 0 58px;margin-top:18px;border-top:1px solid #72836a55}
.project-list .project-caption>.mono{color:#526b56;letter-spacing:1.5px}
.project-list .project-caption h3{font-size:clamp(22px,2.2vw,31px);line-height:1.4;margin:4px 0}
.project-list .project-caption p{font-size:10px}
.project-list .project-caption:after{content:'+';right:0;top:-9px;background:#dce1d3;padding-left:10px}
.project-list .project:before{content:'';position:absolute;z-index:-1;pointer-events:none;top:-20px;right:-26px;width:112px;height:145px;background:repeating-linear-gradient(0deg,#5d765441 0 1px,transparent 1px 7px);clip-path:polygon(35% 0,100% 0,100% 100%,0 75%)}
.project-list .project:after{content:'';position:absolute;pointer-events:none;z-index:4;top:3px;right:-13px;width:52px;height:9px;background:#b9cb7d;transform:rotate(-31deg);box-shadow:0 6px 0 #b9cb7d55}
.project-list .project:nth-child(even):after{background:#bb8795;box-shadow:0 6px 0 #bb879544;right:auto;left:-15px;transform:rotate(25deg)}
@media(max-width:600px){.project-list{gap:58px;padding-left:10px;padding-right:5px}.project-list .project .project-visual{padding:29px 10px 10px}.project-list .project .project-visual:before{inset:29px 10px 10px}.project-list .image-note{top:10px;left:10px;right:10px;font-size:7px;letter-spacing:.7px}.project-list .project-number{font-size:34px;left:-12px;bottom:-17px;padding:6px 12px 8px 8px;letter-spacing:-2px}.project-list .project-open{right:10px;bottom:10px;padding:8px 16px;font-size:20px}.project-list .project-caption{padding:14px 0 0 42px;display:block}.project-list .project-caption h3{font-size:20px;margin:10px 0}.project-list .project:before{right:-10px;width:75px}.project-list .project:after{width:36px}}
@media(hover:none){.project-list .project .project-visual>img{filter:saturate(.85) contrast(.96)}.project-list .project .project-visual:before{opacity:.08}}