/* Wider poster lettering, with the original vertical proportions preserved. */
.hero-type{color:#fff;transform:scale(1.34,1.17)}
/* Keep the desktop vignette behind the lettering, so its white is not dimmed. */
@media(min-width:761px){.bottom-shade{z-index:-1}}
@media(max-height:720px) and (min-width:761px){.hero-type{transform:scale(1.43,1.17)}}
@media(max-width:760px){.hero-type{transform:scale(1.32,1.86)}}

/* Frosted glass is confined to this small, stationary control. */
.view-work{position:relative;isolation:isolate;overflow:hidden;border:1px solid #eee3fa52;background:linear-gradient(125deg,#ffffff24,#d9c3ec09 62%,#ffffff10);background-color:#21182d45;color:#faf7fc;box-shadow:inset 0 1px 0 #ffffff24,0 8px 28px #07030c24;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background-color 180ms ease,border-color 180ms ease}
.view-work>span{position:relative;z-index:1}
.entry-arrow{background:#ffffff0d;border:1px solid #f5ebff2e;color:#f1e6fa}
.view-work:hover{background-color:#63506f38;border-color:#f2e7ff80}
.view-work:active{background-color:#79608738}
.view-work::before{content:"";position:absolute;z-index:0;pointer-events:none;inset:-45% auto -45% 0;width:42%;background:linear-gradient(90deg,transparent,#ffffff09 25%,#ffffff4d 50%,#ffffff09 75%,transparent);opacity:0;transform:translate3d(-180%,0,0) skewX(-22deg)}
/* One restrained 0.8s sweep in each 5s cycle; no timer or permanent will-change. */
.motion-ok.entrance-finished .view-work::before{animation:glass-sweep 5s linear infinite}
@keyframes glass-sweep{
  0%,84%{opacity:0;transform:translate3d(-180%,0,0) skewX(-22deg)}
  86%{opacity:1}
  97%{opacity:1}
  100%{opacity:0;transform:translate3d(380%,0,0) skewX(-22deg)}
}
html[data-paused] .view-work::before{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.view-work::before{animation:none!important}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.view-work{background-color:#352b3f}}