@-webkit-keyframes marqueeBgEffect{0%{background-position: 0;}100%{background-position:-100%;}}@keyframes marqueeBgEffect{0%{background-position:0;}100%{background-position:-100%;}}@-webkit-keyframes downEffect{0%,100%{-webkit-transform:translate(0,0);transform:translate(0,0)}50%{-webkit-transform:translate(0,1rem);transform:translate(0,1rem)}}@keyframes downEffect{0%,100%{-webkit-transform:translate(0,0);transform:translate(0,0)}50%{-webkit-transform:translate(0,1rem);transform:translate(0,1rem)}}.home__container{background-repeat:repeat;background-attachment:fixed;-webkit-animation:var(--animation__marqueeBgEffect);animation:var(--animation__marqueeBgEffect)}.home__title{font-size:clamp(calc(var(--fontSize) * 2.75), 5vw, calc(var(--fontSize) * 3.5))}.home__subtitle{font-size:clamp(calc(var(--fontSize) * 1.8), 5vw, calc(var(--fontSize) * 2.5))}.spinnerbox{border-top-color:var(--color__grey_shade-04)}.skillboxes{max-height:calc(var(--gap) * 17.25)}.skillbox{height:calc(var(--gap) * 14)!important;perspective:calc(var(--gap) * 84)}.skillbox__container{max-width:calc(var(--gap) * 21.083333)}.skillbox__inner{transition:transform .8s;transform-style:preserve-3d}.skillbox__card{border-color:var(--color__primary_tint-04);-webkit-backface-visibility:hidden;backface-visibility:hidden}.skillbox__thumbnail{max-width:calc(var(--gap) * 7);height:calc(var(--gap) * 7)}.skillbox__back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.skillbox:hover .skillbox__inner{transform:rotateY(180deg)}.percentbox{padding:calc(var(--padding)/ 4);height:calc(var(--gap) * 1.8)}.servicebox{max-width:calc(var(--gap)* 33.833333)}.servicebox__thumbnail{padding:calc(var(--padding)/ 1.8);max-width:calc(var(--gap) * 4.25);height:calc(var(--gap) * 4.25)}.servicebox__content{max-width:calc(100% - (var(--padding) * 2) - (var(--gap) * 1.25))}.servicebox__text{display:-webkit-box;-webkit-box-orient:vertical}.portfolioboxes{height:calc(var(--gap)* 28.25)}.portfoliobox{border-color:var(--color__secondary_tint-03);max-width:calc(var(--gap) * 25);height:calc(var(--gap) * 25)}.portfoliobox__content{bottom:-100%}.portfoliobox:hover .portfoliobox__content{bottom:0}.portfoliobox:hover .portfoliobox__content,.portfoliobox__content{-webkit-transition:bottom var(--transitionTime);transition:bottom var(--transitionTime)}.portfolio__btn{max-width:calc(var(--gap) * 20)}@media(min-width:980px){.home__container{min-height:calc(90vh - (var(--gap) * 7))}[data-home-type=col]{max-width:calc((100% - (var(--padding) * 2))/ 2)}[data-about-type=col]{max-width:calc((100% - (var(--padding) * 2) - (var(--gap) * 2.5))/ 2)}}@media(max-width:979.89px){.home__container{min-height:calc(var(--gap) * 40)}.about__container{flex-flow:column-reverse!important}}@media(min-width:768px){#home .row{padding-block:calc(var(--padding) * 3)}.serviceboxes{height:calc(var(--gap)* 15.75)}.servicebox__text{-webkit-line-clamp:3;font-size:calc(var(--fontSize) * 1.18);min-height:calc(var(--gap)* 5)}}@media(max-width:767.89px) and (min-width:350px){#home .row{padding-block:calc(var(--padding) * 1.25)}.serviceboxes{height:calc(var(--gap)* 16.833333)}.servicebox__text{-webkit-line-clamp:4;font-size:calc(var(--fontSize) * 1.1);min-height:calc(var(--gap)* 6.1666666)}}@media(max-width:349.89px){#home .row{padding-block:calc(var(--padding) * 1.25)}.serviceboxes{height:calc(var(--gap)* 19.75)}.servicebox__text{-webkit-line-clamp:7;font-size:calc(var(--fontSize) * 1.1);min-height:calc(var(--gap)* 9.1666666)}}@media(min-width:520px){.home__thumbnail,.home__thumbnail img{max-width:calc(var(--gap) * 27.5);height:calc(var(--gap) * 27.5)}.about__thumbnail,.about__thumbnail img{max-width:calc(var(--gap) * 24.5);height:calc(var(--gap) * 24.5)}}@media(max-width:519.89px){.home__thumbnail img,.home__thumbnail picture{max-width:calc(var(--gap) * 18);height:calc(var(--gap) * 18)}.about__thumbnail img,.about__thumbnail picture{max-width:calc(var(--gap) * 20);height:calc(var(--gap) * 20)}}@media(hover:hover){.servicebox,.servicebox:hover{-webkit-transition:background-color var(--transitionTime);transition:background-color var(--transitionTime)}.servicebox:hover .servicebox__content,.servicebox__content{-webkit-transition:color var(--transitionTime);transition:color var(--transitionTime)}.servicebox:hover{background-color:var(--color__secondary)}.servicebox:hover .servicebox__content{color:var(--color__white)}}