.component-video{position:relative}.component-video .image,.component-video .video{position:relative;z-index:1}.component-video .image{display:none}@media(max-width:768px){.component-video .image{display:block}}.component-video .video{display:block;opacity:0;filter:blur(20px);transform:scale(1.02);transition:opacity 1.2s cubic-bezier(.16,1,.3,1),filter 1.2s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1);will-change:opacity,filter,transform}.component-video .video.isLoaded{opacity:1;filter:blur(0);transform:scale(1)}@media(max-width:768px){.component-video .video{display:none}}.component-video img,.component-video video{width:100%;height:100%;object-fit:cover;opacity:1!important;filter:none!important}.component-video.is-reversed img,.component-video.is-reversed video{transform:scaleX(-1)}.component-video.theme-light-grey.uii-ai,.component-video.theme-light.uii-ai{opacity:.9}.component-video.theme-dark-grey.stellar-works{opacity:.75}.component-video.theme-dark-grey.dvc{opacity:.7}.component-video.theme-dark-grey.daya{opacity:.8}.component-video.theme-dark-grey.uii-ai{opacity:.6}.component-video.theme-dark-grey.zhuoyu{opacity:.8}.component-video.theme-dark-grey.gaoyi{opacity:.7}.component-video.theme-dark-grey.sirloin{opacity:.8}.clip-group-overlay{position:relative;height:100%;overflow:hidden}.clip-group-overlay .darkened-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);pointer-events:none;z-index:10;-webkit-backdrop-filter:saturate(.3);backdrop-filter:saturate(.3);mask-image:radial-gradient(circle var(--clip-size) at var(--clip-x) var(--clip-y),transparent 0,transparent calc(var(--clip-size) - 1px),black var(--clip-size));-webkit-mask-image:radial-gradient(circle var(--clip-size) at var(--clip-x) var(--clip-y),transparent 0,transparent calc(var(--clip-size) - 1px),black var(--clip-size));mask-size:100% 100%;-webkit-mask-size:100% 100%}.block-portfolio{width:100%;z-index:1}.block-portfolio,.block-portfolio .title{position:relative}.block-portfolio .title .inner{grid-column:2/span 20}@media(max-width:768px){.block-portfolio .title .inner{grid-column:2/span 22}}.block-portfolio .projects{position:relative;align-items:center}.block-portfolio .projects .project-videos{grid-column:11/span 13;grid-row:1;position:relative;z-index:2;top:0;aspect-ratio:3/2;pointer-events:none}.block-portfolio .projects .project-videos .inner{position:relative;height:100%}.block-portfolio .projects .project-videos .project-video{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .5s}.block-portfolio .projects .project-videos .project-video.active{opacity:1;pointer-events:all}.block-portfolio .projects .project-videos .project-video.active *{pointer-events:all}.block-portfolio .projects .text{grid-column:2/span 22;grid-row:1;z-index:1;margin-top:80px}@media(max-width:768px){.block-portfolio .projects .text{margin-top:40px}}.block-portfolio .projects .text h2{opacity:.2;transition:opacity .3s}.block-portfolio .projects .text h2.active{opacity:1}.block-portfolio .projects .text h2 .fade-wrap{display:inline-block}@media(max-width:768px){.block-portfolio .projects .text h2{opacity:1}}.block-portfolio .spotlight-disc-wrap{grid-column:1/-1;grid-row:1;position:relative;height:100%}.block-portfolio .spotlight-disc-wrap.layer-back{transform:translateZ(-.2498px)}.block-portfolio .spotlight-disc-wrap,.block-portfolio .spotlight-disc-wrap *{pointer-events:none!important}.block-portfolio .spotlight-disc-wrap .spotlight-disc{position:absolute;top:0;left:0;visibility:hidden;border-radius:50%;background-color:var(--dark-grey);will-change:transform,width,height}.block-portfolio .projects .text.spotlight-text{z-index:2;visibility:hidden;mask-image:radial-gradient(circle var(--sr,0) at var(--sx,-200px) var(--sy,-200px),black 0,black 99%,transparent 100%);-webkit-mask-image:radial-gradient(circle var(--sr,0) at var(--sx,-200px) var(--sy,-200px),black 0,black 99%,transparent 100%)}.block-portfolio .projects .text.spotlight-text.layer-back{transform:translateZ(-.2496px)}.block-portfolio .projects .text.spotlight-text,.block-portfolio .projects .text.spotlight-text *{pointer-events:none!important}.block-portfolio .projects .text.spotlight-text h2{opacity:.25;color:rgba(255,255,255,.9);transition:opacity .3s,color .3s}.block-portfolio .projects .text.spotlight-text h2.active{opacity:1;color:#fff}.block-portfolio .projects .text.spotlight-text h2 .line .ripple-wrap>span{display:inline-block;padding-top:3px;padding-bottom:5px}.block-portfolio.vt-transitioning .projects.desktop-only .text h2:not(.vt-active):not(.active){opacity:0!important;transition:none!important}.block-portfolio.vt-transitioning .component-link-line .line:before{animation:none!important;opacity:0!important}.block-portfolio.vt-returning .projects.desktop-only .text h2:not(.active){opacity:0;transition:none}.block-portfolio.vt-returning .component-link-line .line:before{animation:none}.block-portfolio.vt-returning .fade-in{opacity:1!important;transform:none!important;transition:none!important}.block-portfolio h2{padding:4px 0}.block-portfolio h2 .line:before{bottom:6px}.block-portfolio h2.zh{position:relative;top:-7px;padding:7px 0}.block-portfolio h2.zh .line:before{bottom:1px}