.project-film{position:relative;overflow:hidden;padding:clamp(28px,4vw,58px) 0 0;border-top:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 14% 100%,rgba(0,229,255,.08),transparent 30%),radial-gradient(circle at 86% 10%,rgba(180,0,255,.08),transparent 34%),#050508}
.project-film::before{content:"ARCHIVE / IMAGE / MEMORY / 006";position:absolute;right:-.02em;top:-.14em;font:900 clamp(58px,11vw,180px)/1 "Unbounded",sans-serif;letter-spacing:-.06em;color:rgba(255,255,255,.018);white-space:nowrap;pointer-events:none}
.project-film-head{position:relative;z-index:2;display:flex;align-items:end;justify-content:space-between;gap:20px;width:min(94vw,2100px);margin:0 auto clamp(16px,2vw,28px);padding:0 2px}
.project-film-kicker{font:700 8px/1.5 "Space Mono",monospace;letter-spacing:.22em;text-transform:uppercase;color:#00e5ff}
.project-film-title{margin-top:7px;font:800 clamp(21px,2.2vw,38px)/1 "Unbounded",sans-serif;letter-spacing:-.035em;text-transform:uppercase;color:#e8e0d4}
.project-film-meta{display:flex;align-items:center;gap:12px;font:7px/1.4 "Space Mono",monospace;letter-spacing:.15em;text-transform:uppercase;color:rgba(232,224,212,.38)}
.project-film-toggle{appearance:none;min-height:44px;padding:9px 14px;border:1px solid rgba(0,229,255,.25);background:rgba(0,229,255,.045);color:rgba(0,229,255,.72);font:700 7px/1 "Space Mono",monospace;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.project-film-toggle:hover,.project-film-toggle:focus-visible{outline:none;border-color:#00e5ff;color:#00e5ff}
.project-film-viewport{position:relative;z-index:2;width:100%;overflow:hidden;padding:1px 0 clamp(26px,3vw,44px);touch-action:pan-x;overscroll-behavior-x:contain}
.project-film-track{display:flex;width:max-content;will-change:transform;animation:projectFilmRun 78s linear infinite}
.project-film-group{display:flex;gap:clamp(7px,.75vw,14px);padding-right:clamp(7px,.75vw,14px)}
.project-film-item{position:relative;display:block;flex:0 0 auto;width:clamp(158px,15vw,286px);height:clamp(105px,10.2vw,194px);overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#0a0910;text-decoration:none;isolation:isolate}
.project-film-item:nth-child(4n+1){border-color:rgba(0,229,255,.27)}.project-film-item:nth-child(4n+2){border-color:rgba(255,45,85,.27)}.project-film-item:nth-child(4n+3){border-color:rgba(255,230,0,.25)}.project-film-item:nth-child(4n){border-color:rgba(180,0,255,.28)}
.project-film-item img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(.72) contrast(1.15) brightness(.72);transform:scale(1.015);transition:filter .35s,transform .55s}
.project-film-item::after{content:"";position:absolute;inset:42% 0 0;background:linear-gradient(transparent,rgba(3,3,8,.9));pointer-events:none}
.project-film-item:hover img,.project-film-item:focus-visible img{filter:grayscale(0) contrast(1.08) brightness(1);transform:scale(1.065)}
.project-film-item:focus-visible{outline:1px solid #00e5ff;outline-offset:-3px}
.project-film-caption{position:absolute;z-index:2;left:10px;right:10px;bottom:8px;color:#f1eade;font:700 clamp(6px,.48vw,9px)/1.35 "Space Mono",monospace;letter-spacing:.09em;text-transform:uppercase;text-shadow:0 1px 8px #000}
.project-film-index{display:block;margin-bottom:3px;color:#00e5ff;font-size:.82em;letter-spacing:.16em}
.project-film.paused .project-film-track,.project-film-viewport:hover .project-film-track,.project-film-viewport:focus-within .project-film-track{animation-play-state:paused}
@keyframes projectFilmRun{to{transform:translateX(-50%)}}
@media(max-width:768px){.project-film{padding-top:34px}.project-film-head{width:calc(100% - 28px);align-items:flex-start}.project-film-title{font-size:22px}.project-film-meta span{display:none}.project-film-viewport{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#00e5ff transparent}.project-film-track{animation-duration:62s}.project-film-item{width:150px;height:104px}.project-film-caption{left:7px;right:7px;bottom:6px;font-size:6px}}
@media(prefers-reduced-motion:reduce){.project-film-track{animation:none}.project-film-viewport{overflow-x:auto}}