/* Stable hit areas; the moving parts stay inside the actual evidence. */
.portfolio-work .work-motion-tabs{position:relative;isolation:isolate}
.portfolio-work .work-motion-tabs>button{position:relative;z-index:1;padding-left:9px;padding-right:9px;border-bottom-color:transparent!important;transition:color .18s;background:transparent}
.portfolio-work .work-motion-tabs>button[aria-pressed=true]{color:#e3efda}
.portfolio-work .work-motion-tabs>button[aria-pressed=true]>span{color:#aeca9d}
.portfolio-work .work-tab-wash{position:absolute;left:0;top:0;z-index:0;pointer-events:none;border-radius:7px;background:linear-gradient(155deg,#b9d3a522,#a9c99312);border:1px solid #aac69c40;box-shadow:inset 0 1px 0 #d4e9bf12;opacity:0;transform-origin:0 0}
.portfolio-work .work-tab-wash.is-ready{opacity:1}
.portfolio-work .work-motion-plane{translate:var(--work-x,0px) var(--work-y,0px);rotate:var(--work-turn,0deg);transform-origin:center;backface-visibility:hidden}
.portfolio-work .qa-preview-mat.work-motion-plane{scale:1.008;transition:box-shadow .28s,border-color .28s}
.portfolio-work .chorus-crop.work-motion-plane,.portfolio-work .film-screen .work-motion-plane{scale:1.018}
.portfolio-work .wide-photograph>.work-motion-plane{scale:1.025}
.portfolio-work .work-motion-hit{position:relative}
.portfolio-work .qa-preview-open.work-motion-hit{isolation:isolate}
.portfolio-work .qa-preview-open.is-work-active .qa-preview-mat{border-color:#a4bc8e;box-shadow:0 12px 28px #0003,0 0 0 1px #bed5a41c}
.portfolio-work .chorus-image-open.work-motion-hit,.portfolio-work .film-screen.work-motion-hit{transition:border-color .25s,box-shadow .28s}
.portfolio-work .chorus-image-open.is-work-active,.portfolio-work .film-screen.is-work-active{border-color:#a4bc8e;box-shadow:0 12px 28px #0003}
.portfolio-work .wide-photograph{overflow:hidden}
.portfolio-work .wide-photograph>figcaption{position:relative;z-index:1;background:#fff}
.portfolio-work .work-reel-frame{transition:border-color .3s,box-shadow .3s}
.portfolio-work .work-reel-frame .reel-window-head{transition:background .25s,color .25s;position:relative}
.portfolio-work .work-reel-frame .reel-window-head:after{content:'';position:absolute;bottom:0;left:18px;right:18px;height:1px;background:#b8cfa3;transform:scaleX(.12);transform-origin:left;opacity:0;transition:transform .34s cubic-bezier(.2,.8,.3,1),opacity .2s}
.portfolio-work .work-reel-frame.is-work-active{border-color:#9bb08d;box-shadow:0 12px 30px #0003}
.portfolio-work .work-reel-frame.is-work-active .reel-window-head{background:#213427;color:#e0ecd3}
.portfolio-work .work-reel-frame.is-work-active .reel-window-head:after{transform:scaleX(1);opacity:.65}
@media(max-width:420px){.portfolio-work .work-motion-tabs{gap:6px}.portfolio-work .work-motion-tabs>button{font-size:12px;padding-left:3px;padding-right:3px}}
@media(prefers-reduced-motion:reduce){.portfolio-work .work-motion-plane{translate:none!important;rotate:none!important;scale:1!important}.portfolio-work .work-motion-hit,.portfolio-work .work-motion-hit *,.portfolio-work .work-reel-frame,.portfolio-work .work-reel-frame *,.portfolio-work .work-reel-frame *::after,.portfolio-work .work-motion-tabs>button{transition:none!important}}