/* Homepage-only website mockup covers. Project content and case imagery are unchanged. */
#project-grid .flow-cover-surface{width:100%;height:100%;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 8% 4%,var(--cover-light),transparent 75%),linear-gradient(132deg,var(--cover-base) 22%,var(--cover-shade));pointer-events:none;transition:transform .3s var(--ease)}
#project-grid .flow-cover-surface::before{content:'';position:absolute;inset:0;z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23888' filter='url(%23g)' opacity='.55' d='M0 0h160v160H0z'/%3E%3C/svg%3E");opacity:.045;mix-blend-mode:multiply}
#project-grid .flow-cover-window{width:88%;aspect-ratio:16/9;position:absolute;left:6%;top:10%;z-index:1;overflow:hidden;background:#fff;border-radius:4px;box-shadow:0 16px 42px #11182126,0 1px 2px #1118211a;isolation:isolate}
#project-grid .flow-card img.flow-cover-screen{position:absolute;display:block;width:100%;height:var(--source-height);max-width:none;left:0;top:0;object-fit:fill;pointer-events:none;transform:none;background:transparent}
#project-grid .flow-card.is-current img.flow-cover-screen{transform:none}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 #project-grid .flow-card.is-current .flow-cover-surface{transform:perspective(800px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(1.01)}
}
@media(max-width:640px){#project-grid .flow-cover-window{border-radius:2px;box-shadow:0 6px 20px #11182126}}
@media(prefers-reduced-motion:reduce){#project-grid .flow-cover-surface{transition:none;transform:none!important}}