.grain:after{content:"";position:absolute;top:-100%;left:-100%;width:300%;height:300%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 600 600' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");animation:grain 1s steps(10) infinite;opacity:.07;pointer-events:none}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}.sub-service-card{transition:transform .3s ease-out}.sub-service-card:hover{transform:translateY(-8px)}.feature-card{transition:transform .3s ease-out,box-shadow .3s ease-out}.feature-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #d904291a}.portfolio-card{transition:transform .3s ease-out}.portfolio-card:hover{transform:translateY(-4px)}.gallery-item{transition:transform .3s ease-out}.gallery-item:hover{transform:scale(1.02)}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}html{scroll-behavior:smooth}.magnetic{position:relative;transition:transform .3s ease-out}