@import "https://fonts.googleapis.com/css2?family=Dancing+Script:wght@600&family=Inter:wght@400;700;800;900&display=swap";
.hero-slide{opacity:0;filter:blur(8px)brightness(.8);transition:all 1s cubic-bezier(.4,0,.2,1);transform:scale(1.1)rotateY(10deg)}.hero-slide-active{opacity:1;filter:blur()brightness();z-index:10;transform:scale(1)rotateY(0)}.hero-heading{letter-spacing:-.02em;text-shadow:2px 4px 8px #0000004d;animation:.8s cubic-bezier(.34,1.56,.64,1) forwards slideInDown}@keyframes slideInDown{0%{opacity:0;filter:blur(10px);transform:translateY(-40px)rotateX(20deg)}to{opacity:1;filter:blur();transform:translateY(0)rotateX(0)}}.tagline-text{letter-spacing:1px;background:linear-gradient(135deg,#eca7ab,#ae8f61);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px #0003);-webkit-background-clip:text;background-clip:text;font-family:Playwrite IN,cursive;font-weight:500;animation:.9s ease-out .3s both fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.slider-dot{cursor:pointer;animation:.3s ease-out scaleIn}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.infinite-scroll-container{width:100%;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 10% 90%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 10% 90%,#0000 100%)}.infinite-scroll-content{will-change:transform;align-items:center;gap:0;animation:30s linear infinite scroll;display:flex}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.infinite-scroll-container:hover .infinite-scroll-content{animation-play-state:paused}.service-item{transition:transform .3s}.service-item:hover{transform:scale(1.05)}@media (max-width:768px){.hero-heading{font-size:2rem!important}.tagline-text{font-size:1.25rem!important}.infinite-scroll-content{animation:20s linear infinite scroll}}html{scroll-behavior:smooth}*{backface-visibility:hidden}.hero-slide,.hero-heading,.tagline-text,.infinite-scroll-content{transform:translateZ(0)}button{transition:all .3s cubic-bezier(.34,1.56,.64,1)}button:active{transform:scale(.95)!important}::selection{color:#fff;background-color:#eca7ab}::selection{color:#fff;background-color:#eca7ab}
.font-script{font-family:Dancing Script,cursive}section{font-family:Inter,sans-serif}.service-section{background:linear-gradient(135deg,#faf7f2 0%,#f5f0e8 100%);padding:100px 20px;position:relative;overflow:hidden}.service-section:before{content:"";pointer-events:none;background-image:repeating-linear-gradient(0deg,#00000005 0,#0000 1px 40px,#00000005 41px),repeating-linear-gradient(90deg,#00000005 0,#0000 1px 40px,#00000005 41px);position:absolute;inset:0}.container{z-index:1;max-width:1400px;margin:0 auto;position:relative}.image-grid{perspective:1500px;grid-template-rows:repeat(8,100px);grid-template-columns:repeat(12,1fr);gap:20px;display:grid}.grid-item{opacity:0;transform-style:preserve-3d;backface-visibility:hidden;transition:opacity 1s,transform 1s cubic-bezier(.34,1.56,.64,1);position:relative;transform:rotateY(90deg)}.grid-item.visible{opacity:1;transform:rotateY(0)}.image-wrapper{border-radius:20px;width:100%;height:100%;transition:transform .4s,box-shadow .4s;position:relative;overflow:hidden;box-shadow:0 10px 40px #00000026}.image-wrapper:hover{transform:translateY(-10px);box-shadow:0 20px 60px #00000040}.image-wrapper img{object-fit:cover;width:100%;height:100%;display:block}.item-1{grid-area:1/1/5/4}.item-2{grid-area:1/4/3/7}.item-3{grid-area:1/7/7/11}.item-4{grid-area:1/11/4/13}.item-5{grid-area:3/4/6/7}.item-6{grid-area:4/11/7/13}.item-7{grid-area:5/1/9/5}.overlay{clip-path:circle(0%);background:#00000080;justify-content:center;align-items:center;transition:clip-path .9s ease-out;display:flex;position:absolute;inset:0}.image-wrapper:hover .overlay{clip-path:circle(150%)}.overlay-title{color:#fff;text-align:center;text-shadow:0 4px 12px #000c;padding:0 20px;font-family:Dancing Script,cursive;font-weight:600;line-height:1.1}.item-1 .overlay-title{font-size:3.2rem}.item-2 .overlay-title{font-size:2.4rem}.item-3 .overlay-title{font-size:5.5rem}.item-4 .overlay-title{font-size:2.6rem}.item-5 .overlay-title{font-size:3rem}.item-6 .overlay-title{font-size:2.6rem}.item-7 .overlay-title{font-size:3.4rem}@media (max-width:1200px){.image-grid{grid-template-rows:repeat(8,80px)}.item-1 .overlay-title{font-size:2.8rem}.item-2 .overlay-title{font-size:2.1rem}.item-3 .overlay-title{font-size:4.5rem}.item-4 .overlay-title{font-size:2.3rem}.item-5 .overlay-title{font-size:2.7rem}.item-6 .overlay-title{font-size:2.3rem}.item-7 .overlay-title{font-size:3rem}}@media (max-width:768px){.service-section{padding:60px 15px}.image-grid{grid-template-rows:repeat(12,80px);grid-template-columns:repeat(6,1fr);gap:15px}.item-1{grid-area:1/1/4/4}.item-2{grid-area:1/4/3/7}.item-3{grid-area:4/1/8/7}.item-4{grid-area:3/4/5/7}.item-5{grid-area:8/1/10/4}.item-6{grid-area:8/4/10/7}.item-7{grid-area:10/1/13/7}.item-1 .overlay-title{font-size:2.4rem}.item-2 .overlay-title{font-size:1.9rem}.item-3 .overlay-title{font-size:3.8rem}.item-4 .overlay-title{font-size:2rem}.item-5 .overlay-title{font-size:2.3rem}.item-6 .overlay-title{font-size:2rem}.item-7 .overlay-title{font-size:2.8rem}}@media (max-width:480px){.image-grid{grid-template-rows:repeat(12,60px)}.item-1 .overlay-title{font-size:2rem}.item-2 .overlay-title{font-size:1.7rem}.item-3 .overlay-title{font-size:3.2rem}.item-4 .overlay-title{font-size:1.8rem}.item-5 .overlay-title{font-size:2.1rem}.item-6 .overlay-title{font-size:1.8rem}.item-7 .overlay-title{font-size:2.4rem}}
