.component-portfolio-inner{width:100%}.component-portfolio-inner .title .inner{grid-column:2/span 22}@media(max-width:768px){.component-portfolio-inner .title .inner{grid-column:1/span 24}}.component-portfolio-inner .projects{position:relative;margin-top:80px}@media(max-width:768px){.component-portfolio-inner .projects{margin-top:20px}}.component-portfolio-inner .projects .videos{grid-column:10/span 14;grid-row:1;position:relative;top:0;aspect-ratio:3/2;margin-top:200px}@media(max-width:768px){.component-portfolio-inner .projects .videos{grid-column:6/span 19}}.component-portfolio-inner .projects .videos .video{position:absolute;top:0;left:0;width:100%;height:100%}.component-portfolio-inner .projects .text{grid-column:2/span 22;grid-row:1;position:relative;z-index:1}@media(max-width:768px){.component-portfolio-inner .projects .text{grid-column:1/span 24}}.component-portfolio-inner .projects .text h2{padding:5px 0;font-size:74px;line-height:1.1;max-width:900px}@media(max-width:768px){.component-portfolio-inner .projects .text h2{font-size:54px;line-height:1}}.component-portfolio-inner .projects .text h5{margin-top:10px}.component-portfolio-inner .projects .text .services{margin-top:100px}@media(max-width:768px){.component-portfolio-inner .projects .text .services{margin-top:600px}}.component-portfolio-inner .projects .text .services .service+.service{margin-top:60px}.component-portfolio-inner .projects .text .services .service .items{margin-top:20px}.block{position:relative;z-index:2}.block-portfolio-section{margin-top:300px}@media(max-width:768px){.block-portfolio-section{margin-top:200px}}.block-portfolio-section .header .line{border-top:1px solid var(--l-30)}.block-portfolio-section .header .container .number{grid-column:1/span 9;grid-row:1;margin-top:-100px}@media(max-width:768px){.block-portfolio-section .header .container .number{margin-top:-50px}}.block-portfolio-section .header .container .number h2{font-size:200px;line-height:1;color:var(--l-20)}@media(max-width:768px){.block-portfolio-section .header .container .number h2{font-size:130px}}.block-portfolio-section .header .container .text{grid-column:4/span 21;grid-row:1;margin-top:-20px}@media(max-width:768px){.block-portfolio-section .header .container .text{grid-column:3/span 16;margin-top:-10px}.block-portfolio-section .header .container .text h1{font-size:60px}}.block-portfolio-section .header .container .text p{white-space:pre-line}@media(max-width:768px){.block-portfolio-section .header .container .text p{white-space:normal}}.block-portfolio-section .videos{margin-top:200px;position:relative}@media(max-width:768px){.block-portfolio-section .videos{margin-top:100px}}.block-portfolio-section .videos .video:nth-of-type(odd){grid-column:2/span 12}@media(max-width:768px){.block-portfolio-section .videos .video:nth-of-type(odd){grid-column:1/span 20}}.block-portfolio-section .videos .video:nth-of-type(2n){grid-column:12/span 12}@media(max-width:768px){.block-portfolio-section .videos .video:nth-of-type(2n){grid-column:5/span 20}}.block-portfolio-section .videos .video+.video{margin-top:200px}@media(max-width:768px){.block-portfolio-section .videos .video+.video{margin-top:100px}}.block-portfolio-section .line{width:0;margin-left:-30%;transition:all 8s}.block-portfolio-section .in-view .line{opacity:1;width:200%}@media(max-width:768px){.block-video-divider{margin-top:-100px}}.block-video-divider .video{grid-column:2/span 22}@media(max-width:768px){.block-video-divider .video{grid-column:1/span 24}}