.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.uii-ai,.component-video.theme-light-grey.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}.component-portfolio-slideshow{position:relative}.component-portfolio-slideshow .text-wrap .arrow-wrap{margin-top:50px}.component-portfolio-slideshow .text-wrap .arrow-wrap .inner{grid-column:2/span 22}.component-portfolio-slideshow .text-wrap .arrow-wrap .inner .arrow{display:inline-block;width:20px;height:20px}.component-portfolio-slideshow .swiper-container-text{overflow:visible}.component-portfolio-slideshow .swiper-container-text .slide{overflow:hidden}.component-portfolio-slideshow .swiper-container-text .slide .text{grid-column:2/span 22;grid-row:1;position:relative;z-index:1;opacity:0;transition:opacity .5s}.component-portfolio-slideshow .swiper-container-text .slide .text .link{padding-top:10px;padding-left:4px;opacity:0;transition:opacity .5s}.component-portfolio-slideshow .swiper-container-text .slide .text .link .inner{display:inline-block;pointer-events:all}.component-portfolio-slideshow .swiper-container-text .slide.swiper-slide-active .text,.component-portfolio-slideshow .swiper-container-text .slide.swiper-slide-active .text .link{opacity:1;transition-delay:1s}.component-portfolio-slideshow .swiper-container-images{margin-top:30px;overflow:hidden}.component-portfolio-slideshow .swiper-container-images .slide{overflow:hidden;opacity:0;transition:opacity 1s}.component-portfolio-slideshow .swiper-container-images .slide a{pointer-events:all}.component-portfolio-slideshow .swiper-container-images .slide.swiper-slide-active{opacity:1}.component-portfolio-slideshow .swiper-container-images .slide .image{grid-column:6/span 19;grid-row:1}.component-portfolio-slideshow .arrow-icon{position:absolute;top:9px;left:2px;width:16px;height:1px;background-color:var(--l-80)}.component-portfolio-slideshow .arrow-icon:after,.component-portfolio-slideshow .arrow-icon:before{content:"";position:absolute;width:8px;height:1px;right:-1px;background-color:var(--l-80)}.component-portfolio-slideshow .arrow-icon:after{top:-3px;transform:rotate(45deg)}.component-portfolio-slideshow .arrow-icon:before{top:3px;transform:rotate(-45deg)}.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:#00000080;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%;position:relative;z-index:1}.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}