/* Filmic details keep the collage geometry and original portrait layers intact. */
.cinema-cursor{position:fixed;left:0;top:0;z-index:1000;width:54px;height:48px;pointer-events:none;opacity:0;color:#f5e9ce;filter:drop-shadow(0 1px 2px #121714);transition:opacity .15s}
.cinema-cursor.is-visible{opacity:1}
.cinema-cursor svg{display:block;width:54px;height:40px;overflow:visible}
.cinema-cursor .crane-arm{transform-origin:24px 29px;transition:transform .45s cubic-bezier(.16,1,.3,1)}
.cinema-cursor.is-media .crane-arm{transform:rotate(-12deg)}
.cinema-cursor.is-media{color:#efbd43}
.cinema-cursor-label{position:absolute;left:12px;top:40px;font:700 8px/1 var(--sans);letter-spacing:.12em;white-space:nowrap;opacity:0;transform:translateY(3px);transition:opacity .2s,transform .2s}
.cinema-cursor.is-media .cinema-cursor-label{opacity:1;transform:none}
@media(hover:hover) and (pointer:fine) and (min-width:768px) and (prefers-reduced-motion:no-preference){
  html.cinema-pointer,html.cinema-pointer a,html.cinema-pointer button,html.cinema-pointer summary{cursor:none}
  .project-image::after{content:'';position:absolute;inset:14px;pointer-events:none;opacity:0;transform:scale(1.06);transition:opacity .35s,transform .6s cubic-bezier(.16,1,.3,1);background:linear-gradient(currentColor,currentColor) left top/14px 1px no-repeat,linear-gradient(currentColor,currentColor) left top/1px 14px no-repeat,linear-gradient(currentColor,currentColor) right top/14px 1px no-repeat,linear-gradient(currentColor,currentColor) right top/1px 14px no-repeat,linear-gradient(currentColor,currentColor) left bottom/14px 1px no-repeat,linear-gradient(currentColor,currentColor) left bottom/1px 14px no-repeat,linear-gradient(currentColor,currentColor) right bottom/14px 1px no-repeat,linear-gradient(currentColor,currentColor) right bottom/1px 14px no-repeat;color:#f5e9ce;filter:drop-shadow(0 1px 2px #101714)}
  .project-card:hover .project-image::after,.project-card:focus-visible .project-image::after{opacity:.85;transform:none}
  .project-card:hover .project-image>img,.project-card:focus-visible .project-image>img{transform:scale(1.075);filter:saturate(1.04)}
  .project-card .project-image>img{transition:transform .85s cubic-bezier(.16,1,.3,1),filter .5s}
  .project-card .project-caption>div{transition:transform .45s cubic-bezier(.16,1,.3,1)}
  .project-card:hover .project-caption>div,.project-card:focus-visible .project-caption>div{transform:translateX(4px)}
  .project-card .media-action>span:last-child{transition-delay:.08s}
  .project-card:focus-visible .media-action>span:first-child{background:var(--paper);color:var(--ink);transform:scale(1.1)}
}
@media(min-width:768px) and (prefers-reduced-motion:no-preference){
  .cinema-depth .hero-photo>img,.cinema-depth .rail-one>img,.cinema-depth .rail-two>img,.cinema-depth .cinematic-intro-photo>img{animation:none!important;transform:translate3d(0,var(--cinema-depth,0px),0) scale(1.065);transition:none;will-change:transform}
}
@media(prefers-reduced-motion:reduce),(hover:none),(pointer:coarse),(max-width:767px){.cinema-cursor{display:none!important}}
@media(prefers-reduced-motion:reduce){.project-image::after{display:none}.project-card:hover .project-image>img,.project-card:focus-visible .project-image>img{transform:none}.project-card .project-caption>div{transform:none!important}}