/* Independent V5 preview. Keep the white case modules and original content grid. */
.motion-v5 .works{position:relative;isolation:isolate;background:#1b1b1b;color:#e9edf1;background-image:linear-gradient(90deg,transparent calc(100% - 1px),#ffffff0b 0);background-size:calc(100% - 10vw) 100%;background-position:center}
.motion-v5 .works:before{content:"";position:absolute;z-index:-1;inset:0 0 0 auto;width:4.3%;pointer-events:none;background:repeating-linear-gradient(135deg,transparent 0 14px,#bec9d71b 14px 15px)}
.motion-v5 .works:after{content:"";position:absolute;z-index:-1;left:0;top:360px;bottom:0;width:3%;pointer-events:none;background:repeating-linear-gradient(135deg,transparent 0 14px,#bec9d712 14px 15px)}
.motion-v5 .works .section-heading{position:relative;isolation:isolate}
.motion-v5 .works .section-heading:before{content:"";position:absolute;z-index:-1;right:0;top:-35px;width:35%;height:150px;border:1px solid #ffffff14;background:repeating-linear-gradient(135deg,transparent 0 18px,#bac7d31c 18px 19px);mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none}
.motion-v5 .works .section-heading h2{color:#f2f3f4}.motion-v5 .works .section-heading p,.motion-v5 .works .section-label{color:#b5bcc7}
.motion-v5 .works .section-heading h2 .blue{color:#9bbcff}
.motion-v5 .works .filters{border-color:#45484d}.motion-v5 .works .filters button{background:#1b1b1b;color:#bdc5d0;border-color:#41464e}.motion-v5 .works .filters button:hover{background:#303640;color:#fff}.motion-v5 .works .filters button.active{background:#b2c9f5;color:#15233b;border-color:#b2c9f5}.motion-v5 .works .filters button.active span{color:#273d60}.motion-v5 .works .filter-underline{background:#b2c9f5}
.motion-v5 .works .work-register{border-color:#42464c;color:#a8b4c6}.motion-v5 .work-register:before,.motion-v5 .work-register:after{content:"+";position:absolute;top:-9px;color:#94a1b3;font-size:15px}.motion-v5 .work-register{position:relative}.motion-v5 .work-register:before{left:-5px}.motion-v5 .work-register:after{right:-5px}
.motion-v5 .works .work-register>span{color:#a8b4c6}
.motion-v5 .project{color:#26343f;background:#f8f9f8}.motion-v5 .project .project-info{background-color:#f8f9f8}.motion-v5 .project:hover{box-shadow:0 12px 30px #0003;border-color:#9fb8da}
.motion-v5 .project-waiting{opacity:.22;transform:translateY(30px)}
.motion-v5 .project .art{position:relative;overflow:hidden;isolation:isolate}
.motion-v5 .frost-reveal{position:absolute;inset:-10px -16% -10px -5%;z-index:4;pointer-events:none;backdrop-filter:blur(13px) saturate(.72);-webkit-backdrop-filter:blur(13px) saturate(.72);background:#e6edf34d;mask-image:linear-gradient(90deg,transparent 0%,#000 9%,#000 90%,transparent 100%);will-change:transform,opacity}
.motion-v5 .frost-reveal:after{content:"";position:absolute;inset:0;opacity:.34;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.55' d='M0 0h160v160H0z'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
.motion-v5 .frost-reveal:before{content:"";position:absolute;inset:0 auto 0 0;width:14%;background:radial-gradient(ellipse at 80% 10%,#e1ebf7aa,transparent 55%),radial-gradient(ellipse at 40% 65%,#d9e9ff88,transparent 60%);filter:blur(7px)}
.motion-v5 .portfolio-strip{display:flex;align-items:stretch;overflow:hidden;min-height:100px;max-width:none}
.motion-v5 .portfolio-strip>.strip-code{display:flex;flex:0 0 235px;padding:26px 32px;z-index:1;background:#111e30;justify-content:flex-start}
.motion-v5 .marquee-window{min-width:0;flex:1;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 35px,#000 calc(100% - 45px),transparent);position:relative}
.motion-v5 .marquee-track{display:flex;width:max-content;height:100%;will-change:transform}
.motion-v5 .marquee-group{display:flex;flex-shrink:0}
.motion-v5 .capability-cell{width:300px;display:flex;align-items:center;gap:22px;padding:22px 35px;border-right:1px solid #384a63;white-space:nowrap;color:#d7e1f0;font-size:15px}
.motion-v5 .capability-cell svg{width:36px;height:36px;fill:none;stroke:#a9c6f9;stroke-width:1.2;flex-shrink:0;stroke-linecap:square;stroke-linejoin:miter}
.motion-v5 .capability-cell small{display:block;margin-top:5px;color:#8196b1;font-size:10px;letter-spacing:.07em}
.motion-v5 .strip-pause{flex:0 0 56px;border:0;border-left:1px solid #384a63;background:repeating-linear-gradient(135deg,transparent 0 8px,#7b94b514 8px 9px);color:#a8c3ee;font-size:17px;cursor:pointer}
.motion-v5 .strip-pause:focus-visible{outline:2px solid #b9cfff;outline-offset:-5px}
.motion-v5 .about-left-atmosphere{inset:0;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 89%,transparent)}
.motion-v5 .about-left-atmosphere .symbol-field{font-family:var(--font-system);font-weight:500;font-size:12px;fill:#a5bfe2}
.motion-v5.motion-static .project-waiting{opacity:1;transform:none}.motion-v5.motion-static .frost-reveal{display:none}
.motion-v5.motion-static .marquee-window{overflow-x:auto;mask-image:none}.motion-v5.motion-static .marquee-group[aria-hidden]{display:none}
@media(max-width:800px){.motion-v5 .portfolio-strip{min-height:84px}.motion-v5 .portfolio-strip>.strip-code{flex-basis:155px;padding:20px;font-size:12px}.motion-v5 .capability-cell{width:255px;padding:20px 28px;font-size:14px}.motion-v5 .works .section-heading:before{width:40%;height:110px}.motion-v5 .strip-pause{flex-basis:44px}}
@media(max-width:520px){.motion-v5 .portfolio-strip>.strip-code{flex-basis:103px;padding:16px 12px;font-size:10px;line-height:1.6}.motion-v5 .capability-cell{width:220px;padding:18px 22px;gap:15px}.motion-v5 .capability-cell svg{width:29px;height:29px}.motion-v5 .strip-pause{flex-basis:36px}.motion-v5 .marquee-window{mask-image:linear-gradient(90deg,transparent,#000 12px,#000 calc(100% - 14px),transparent)}.motion-v5 .works .section-heading:before{height:100px;top:-10px}.motion-v5 .preview-controls{max-width:calc(100vw - 16px);flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.motion-v5 .project-waiting{opacity:1;transform:none}.motion-v5 .frost-reveal{display:none}}