/* A continuous spatial exhibition. Every poster keeps its original proportions. */
#work .stage{isolation:isolate;background:#111516}
#work .work-top{top:128px;align-items:center}
#work .work-top h2{font-size:clamp(36px,4.1vw,64px)}
#work .work-filters{gap:20px;align-items:center;font-size:10px}
#work #orbit-toggle{color:#8fd7c7;border:1px solid #8fd7c742;border-radius:30px;padding:10px 15px;margin-right:10px;white-space:nowrap}
#work #orbit-toggle:hover{background:#8fd7c716}
#work #orbit-toggle:disabled{opacity:.5;cursor:default}
#work .work-carousel,#work .work-carousel.direct-change{top:225px;bottom:153px;perspective:2400px;perspective-origin:50% 50%;transform-style:preserve-3d;touch-action:pan-y;overflow:visible;--radius:calc(clamp(1150px,95vw,1700px)*var(--count,13)/13);--card-h:clamp(280px,calc(100svh - 395px),490px);--card-max:560px;z-index:5}
.work-orbit{position:absolute;left:50%;top:calc(50% - var(--radius)*.0872);width:0;height:0;transform-style:preserve-3d;transform:translateZ(calc(var(--radius)*-1)) rotateX(-5deg) rotateY(var(--rotation,0deg));will-change:transform}
#work .work-card,#work .work-carousel.direct-change .work-card{position:absolute;top:0;left:0;height:min(var(--card-h),calc(var(--card-max)/var(--ratio,1)));max-height:none;width:min(calc(var(--card-h)*var(--ratio,1)),var(--card-max));max-width:none;transform:translate(-50%,-50%) rotateY(var(--angle)) translateZ(var(--radius));transform-style:preserve-3d;backface-visibility:hidden;opacity:1;visibility:visible;z-index:auto;pointer-events:auto;cursor:grab;transition:filter .5s;box-shadow:0 20px 45px #0005;border-radius:2px;overflow:visible;background:transparent;filter:none}
#work .work-card img{width:100%;height:100%;object-fit:contain;backface-visibility:hidden;border:1px solid #ffffff0d;user-select:none;-webkit-user-drag:none}
#work .work-card.current{cursor:zoom-in}
#work .work-card.neighbour{filter:brightness(.8) saturate(.8)}
#work .work-card:focus-visible{outline:2px solid #7ccfbd;outline-offset:6px}
#work .work-card.current:hover{box-shadow:0 25px 55px #0006}
#work .work-motion-ambient{inset:12% -10% 0;opacity:.17}
#work .work-filmstrip{left:25%;right:25%;bottom:95px}
#work .work-caption{bottom:28px}
#work .work-caption h3{font-size:15px}
#work .work-controls button{border-radius:50%;height:38px;width:38px}
.presenting #work .work-carousel{bottom:214px;--card-h:clamp(260px,calc(100svh - 442px),455px)}
.presenting #work .work-filmstrip{bottom:156px}
.presenting #work .work-caption{bottom:96px}
@media(min-width:1700px){#work .work-carousel{--radius:calc(1800px*var(--count,13)/13);--card-h:min(54svh,640px);--card-max:750px;perspective:2500px}}
@media(max-height:760px) and (min-width:761px){#work .work-top{top:123px}#work .work-top h2{font-size:43px}#work .work-carousel{top:195px;bottom:145px;--card-h:calc(100svh - 345px)}#work .work-filmstrip{bottom:84px}.presenting #work .work-carousel{bottom:207px;--card-h:calc(100svh - 407px)}.presenting #work .work-filmstrip{bottom:146px}}
@media(max-width:1050px) and (min-width:761px){#work .work-filters{gap:13px;font-size:9px}#work #orbit-toggle{margin-right:0;padding:9px 11px}#work .work-top h2{font-size:35px}#work .work-filmstrip{left:20%;right:20%}}
@media(max-width:760px){
 #work .stage{height:920px;min-height:100svh}
 #work .work-top{top:auto;position:relative;margin-top:35px}
 #work .work-top h2{font-size:35px}
 #work .work-filters{gap:15px;flex-wrap:wrap;margin-top:20px;font-size:9px}
 #work #orbit-toggle{padding:9px 11px;font-size:8px;margin-right:0}
 #work .work-carousel{top:300px;bottom:205px;--radius:calc(720px*var(--count,13)/13);--card-h:360px;--card-max:330px;perspective:1550px}
 #work .work-filmstrip{left:6%;right:6%;bottom:120px}
 #work .work-caption{bottom:34px}
 #work .work-caption h3{font-size:13px}
 .presenting #work .stage{height:980px}
 .presenting #work .work-carousel{bottom:271px;--card-h:360px}
 .presenting #work .work-filmstrip{bottom:185px}
 .presenting #work .work-caption{bottom:104px!important}
}
@media(prefers-reduced-motion:reduce){.work-orbit{will-change:auto}}