.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;transition:opacity .5s}.component-video .video.isLoaded{opacity: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 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}