/* CWS Motion Queue V7: scoped to #portfolio, no global styles */
#portfolio .cwsq{position:relative;height:470vh;margin:0 calc(50% - 50vw);background:#f8f8f6;color:#111;isolation:isolate}
#portfolio .cwsq-sticky{position:sticky;top:0;height:100svh;overflow:hidden;perspective:1250px;transform-style:preserve-3d}
#portfolio .cwsq-head{position:absolute;left:50%;top:14%;transform:translateX(-50%);z-index:6;text-align:center;width:90%;pointer-events:none}
#portfolio .cwsq-head h3{font-family:inherit;font-size:clamp(31px,4.8vw,69px);line-height:1;letter-spacing:-.075em;font-weight:500;color:#111;margin:0}
#portfolio .cwsq-head p{font-size:11px;text-transform:uppercase;letter-spacing:.13em;margin:14px 0 0;color:#666}
#portfolio .cwsq-scene{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}
#portfolio .cwsq-card{position:absolute;left:50%;top:52%;width:min(65vw,850px);aspect-ratio:1.65;background:#e7e8e4;border:1px solid #d6d6d3;box-shadow:0 15px 40px #0002;transform-origin:center;overflow:hidden;will-change:transform,opacity;backface-visibility:hidden;pointer-events:auto}
#portfolio .cwsq-card video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
#portfolio .cwsq-fallback{position:absolute;inset:0;background:linear-gradient(145deg,var(--cwsq-color,#d9dbd8),#fff);display:flex;align-items:center;justify-content:center;font-size:clamp(21px,4vw,62px);letter-spacing:-.06em;color:#202224}
#portfolio .cwsq-card video:not([poster]){z-index:1}
#portfolio .cwsq-card a{position:absolute;inset:0;z-index:3;display:flex;align-items:flex-end;justify-content:flex-end;padding:18px;text-decoration:none}
#portfolio .cwsq-card a span{background:#d6fb82;color:#111;border-radius:99px;padding:12px 18px;font-size:12px;opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s}
#portfolio .cwsq-card a:hover span,#portfolio .cwsq-card a:focus-visible span{opacity:1;transform:none}
#portfolio .cwsq-tag{position:absolute;z-index:2;top:15px;left:15px;background:#fffE;color:#111;padding:8px 11px;font-size:11px}
#portfolio .cwsq-bottom{position:absolute;z-index:7;bottom:35px;left:4vw;right:4vw;display:flex;justify-content:space-between;font-size:11px;color:#111;pointer-events:none}
#portfolio .cwsq-line{width:100px;height:2px;background:#bbb;display:inline-block;margin-left:10px;vertical-align:middle}
#portfolio .cwsq-line i{display:block;background:#111;width:0;height:100%}
#portfolio .cwsq-caption{font-size:11px;text-align:center;padding:24px;background:#f8f8f6;color:#555;margin:0 calc(50% - 50vw) 55px}
@media(max-width:700px){#portfolio .cwsq{height:410vh}#portfolio .cwsq-card{width:87vw;aspect-ratio:1.45}#portfolio .cwsq-head{top:19%}#portfolio .cwsq-head h3{font-size:38px}#portfolio .cwsq-card a span{opacity:1;transform:none}#portfolio .cwsq-bottom{bottom:22px}}
@media(prefers-reduced-motion:reduce){#portfolio .cwsq{height:auto}#portfolio .cwsq-sticky{height:auto;min-height:auto;overflow:visible;padding:130px 12px 45px;perspective:none}#portfolio .cwsq-head,#portfolio .cwsq-scene,#portfolio .cwsq-card,#portfolio .cwsq-bottom{position:static;transform:none!important;opacity:1!important;visibility:visible!important}#portfolio .cwsq-scene{display:grid;gap:20px}#portfolio .cwsq-card{width:100%}#portfolio .cwsq-bottom{margin-top:25px}#portfolio .cwsq-head{margin:0 auto 32px}}

/* V8: static, faithful homepage screenshots instead of inline videos */
#portfolio .cwsq-card .cwsq-shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;z-index:1;display:block;transform:translateZ(0)}
#portfolio .cwsq-card .cwsq-fallback{z-index:0}
#portfolio .cwsq-card .cwsq-tag{z-index:2}
#portfolio .cwsq-card a{z-index:3}