@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;700&family=Inter:wght@200;300;400;500;600&display=swap";:root{--primary-gradient:linear-gradient(135deg, #d476fd 0%, #8271fd 100%);--primary-color:#a872fd;--primary-color-rgb:168, 114, 253}body{color:#fff;background-color:#030303;background-image:url(/BG.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;min-height:100vh;margin:0 0 0 40px;font-family:Inter,sans-serif;overflow-x:hidden}.heading{margin:0;font-weight:50;line-height:1em}#paragraph{color:#c7c7c7;background-color:#0000;width:48vh;font-size:.6em;font-weight:100;line-height:1.6em}.box{color:#f0f8ff;background-color:#0000;gap:20px;padding-top:60px;font-family:sans-serif;font-size:2em}.buttonwrapper{align-items:center;gap:60px;display:flex}.firstthreebutton{color:#f0f8ff;background-color:#0000;border:0}#contactbutton{border:1px solid var(--primary-color);color:#f0f8ff;background-color:#0000;border-radius:3px;height:fit-content;padding:7px 20px}.navbar{flex-direction:row;justify-content:space-between;padding:40px 40px 40px 0;display:flex}.logo{width:180px}.logo h1{letter-spacing:4px;margin:0;font-family:Cinzel,serif;font-size:2rem;font-weight:300;line-height:1}.studio{letter-spacing:4px;font-family:Cinzel,serif;font-size:.55rem}.line{opacity:.8;background:#fff;width:45px;height:1px}.workbutton{color:#c7c7c7;border:1px solid var(--primary-color);background-color:#0000;border-radius:3px;align-self:flex-start;width:fit-content;height:fit-content;margin-top:30px;padding:12px 30px}@media (width<=768px){body{margin-left:20px;margin-right:20px}.navbar{padding:30px 0}.buttonwrapper{gap:30px}.box{padding-top:40px;font-size:1.6em}#paragraph{width:100%;max-width:350px}}@media (width<=580px){.navbar{flex-direction:column;align-items:flex-start;gap:20px;padding:25px 0}.buttonwrapper{flex-wrap:wrap;justify-content:space-between;align-self:stretch;gap:10px;width:100%;display:flex}.logo{width:140px}.box{padding-top:30px;font-size:1.4em}.box br,#paragraph br{display:none}#paragraph{width:100%;max-width:55%;font-size:.4em}.heading{max-width:70%;font-size:1.5em}.workbutton{margin-top:25px;padding:10px 25px}}.app-container{flex-direction:column;min-height:100vh;padding-right:40px;display:flex}.hero-section{flex-direction:column;justify-content:center;min-height:calc(100vh - 140px);padding-bottom:80px;display:flex}.process-section{border-top:1px solid rgba(var(--primary-color-rgb), .15);padding:100px 0}.process-header{justify-content:center;align-items:center;width:100%;margin-bottom:60px;display:flex}.process-header-title{letter-spacing:8px;color:#fff;-webkit-text-fill-color:#fff;margin-left:8px;font-family:Inter,sans-serif;font-size:3.8rem;font-weight:900;line-height:1;display:inline-block}.process-timeline-container{width:100%;position:relative}.process-connecting-line{background-color:rgba(var(--primary-color-rgb), .25);z-index:1;height:1px;position:absolute;top:20px;left:0;right:0}.process-steps{z-index:2;grid-template-columns:repeat(4,1fr);gap:40px;display:grid;position:relative}.process-step-item{flex-direction:column;align-items:flex-start;display:flex}.process-circle-wrapper{margin-bottom:25px}.process-circle{border:1px solid var(--primary-color);width:40px;height:40px;color:var(--primary-color);background-color:#030303;border-radius:50%;justify-content:center;align-items:center;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;transition:all .3s;display:flex}.process-step-item:hover .process-circle{background:var(--primary-gradient);color:#030303;box-shadow:0 0 15px rgba(var(--primary-color-rgb), .4);border-color:#0000}.process-step-title{letter-spacing:2px;color:#fff;margin:0 0 12px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600}.process-step-desc{color:#c7c7c7;margin:0;font-size:.8rem;font-weight:300;line-height:1.6}.about-section{border-top:1px solid rgba(var(--primary-color-rgb), .15);padding:100px 0}.about-container{grid-template-columns:1.2fr 1fr;align-items:center;gap:80px;display:grid}.about-image-column{width:100%}.about-image-wrapper{border:1px solid rgba(var(--primary-color-rgb), .15);border-radius:4px;position:relative;overflow:hidden}.about-studio-img{aspect-ratio:16/10;object-fit:cover;width:100%;height:auto;transition:transform .8s;display:block}.about-image-wrapper:hover .about-studio-img{transform:scale(1.05)}.about-content-column{flex-direction:column;justify-content:center;display:flex}.about-subtitle{letter-spacing:3px;background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:15px;font-size:.85rem;font-weight:600;display:inline-block}.about-title{color:#fff;margin:0 0 20px;font-family:Cinzel,serif;font-size:2.8rem;font-weight:400;line-height:1.2}.about-description{color:#c7c7c7;margin:0 0 35px;font-size:.85rem;font-weight:300;line-height:1.8}.about-link{letter-spacing:2px;background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:10px;width:fit-content;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.about-link .arrow{color:var(--primary-color);-webkit-text-fill-color:var(--primary-color);transition:transform .3s}.about-link:hover{color:#fff}.about-link:hover .arrow{transform:translate(5px)}.footer-section{border-top:1px solid rgba(var(--primary-color-rgb), .15);background-color:#0003;padding:80px 0 40px}.footer-container{grid-template-columns:1.2fr 2fr 1fr;gap:60px;margin-bottom:60px;display:grid}.footer-logo{flex-direction:column;align-items:flex-start;display:flex}.footer-logo-title{letter-spacing:6px;color:#fff;margin:0;font-family:Cinzel,serif;font-size:1.8rem;font-weight:400}.footer-logo-subtitle-wrapper{justify-content:space-between;align-items:center;width:100%;max-width:216px;margin-top:2px;display:flex}.footer-logo-line{background:var(--primary-gradient);opacity:.7;width:40px;height:1px}.footer-logo-subtitle{letter-spacing:6px;background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Cinzel,serif;font-size:.6rem;display:inline-block}.footer-logo-tagline{letter-spacing:3px;color:#888;text-align:center;max-width:216px;margin-top:10px;font-size:.45rem}.footer-links-column{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.footer-link-group{flex-direction:column;display:flex}.footer-group-title{letter-spacing:2px;color:#888;margin:0 0 20px;font-size:.7rem;font-weight:600}.footer-link-group ul{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.footer-link-group a{color:#c7c7c7;font-size:.8rem;font-weight:300;text-decoration:none;transition:all .3s}.footer-link-group a:hover{color:var(--primary-color);padding-left:3px}.footer-monogram-column{justify-content:flex-end;align-items:flex-start;display:flex}.monogram-circle{border:1px solid var(--primary-color);border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;transition:all .3s;display:flex}.monogram-letters{color:var(--primary-color);flex-direction:column;align-items:center;font-family:Cinzel,serif;font-size:1.1rem;font-weight:400;line-height:1.2;display:flex}.monogram-circle:hover{box-shadow:0 0 15px rgba(var(--primary-color-rgb), .3);background:var(--primary-gradient);border-color:#0000;transform:rotate(5deg)scale(1.03)}.monogram-circle:hover .monogram-letters{color:#030303}.footer-bottom{border-top:1px solid #ffffff08;justify-content:space-between;align-items:center;padding-top:30px;display:flex}.footer-bottom p{color:#555;margin:0;font-size:.7rem;font-weight:300}.firstthreebutton,#contactbutton,.workbutton{cursor:pointer;transition:all .3s}.firstthreebutton:hover{color:var(--primary-color);text-shadow:0 0 5px rgba(var(--primary-color-rgb), .3)}#contactbutton:hover{background:var(--primary-gradient);color:#030303;box-shadow:0 0 12px rgba(var(--primary-color-rgb), .4);border-color:#0000}.workbutton:hover{background:var(--primary-gradient);color:#030303;box-shadow:0 0 15px rgba(var(--primary-color-rgb), .4);border-color:#0000}html{scroll-behavior:smooth}@media (width<=992px){.about-container{grid-template-columns:1fr;gap:40px}.about-content-column{text-align:center;align-items:center}.about-description{max-width:100%}.footer-container{grid-template-columns:1fr 1.5fr;gap:40px}.footer-monogram-column{grid-column:span 2;justify-content:center;margin-top:20px}}@media (width<=768px){.app-container{padding-right:20px}.process-steps{grid-template-columns:repeat(2,1fr);gap:30px}.process-connecting-line{display:none}.footer-container{grid-template-columns:1fr;gap:40px}.footer-logo{align-items:center}.footer-logo-subtitle-wrapper{margin:2px auto 0}.footer-logo-tagline{margin:10px auto 0}.footer-links-column{grid-template-columns:repeat(3,1fr);gap:20px}.footer-monogram-column{grid-column:span 1}}@media (width<=580px){.process-steps{grid-template-columns:1fr;gap:25px}.footer-links-column{text-align:center;grid-template-columns:1fr;gap:30px}.footer-bottom{text-align:center;flex-direction:column;gap:15px}}.projects-section{border-top:1px solid rgba(var(--primary-color-rgb), .15);padding:100px 0 240px}.projects-header-container{text-align:center;flex-direction:column;align-items:center;gap:20px;margin-bottom:60px;display:flex}.projects-header{justify-content:center;align-items:center;gap:20px;width:100%;display:flex}.projects-header-title{letter-spacing:12px;margin-left:12px;font-family:Inter,sans-serif;font-size:4.6rem;font-weight:900;line-height:1;display:inline-block}.projects-header-title .our-text{color:#fff;-webkit-text-fill-color:#fff;font-weight:900;display:inline-block}.projects-header-title .work-text{background:linear-gradient(90deg,#d476fd,#8271fd,#d476fd) 0 0/200% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:900;animation:1.5s linear infinite gradient-move;display:inline-block}@keyframes gradient-move{0%{background-position:0 0}to{background-position:200% 0}}.projects-title-row{flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:15px;display:flex}.projects-section-title{letter-spacing:2.2px;text-transform:uppercase;color:#888;text-align:center;max-width:800px;margin:0;font-family:Inter,sans-serif;font-size:1.05rem;font-weight:400}.projects-view-all{letter-spacing:2px;background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:10px;margin-bottom:10px;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.projects-view-all:hover{opacity:.8}.arrow-circle{border:1px solid var(--primary-color);width:32px;height:32px;color:var(--primary-color);-webkit-text-fill-color:var(--primary-color);border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.projects-view-all:hover .arrow-circle{border-color:#fff;transform:rotate(45deg)}.projects-track-container{width:100%;position:relative}.projects-track{justify-content:space-between;align-items:flex-start;gap:26px;width:100%;display:flex;position:relative}.project-card-wrapper{cursor:pointer;z-index:1;width:calc(20% - 21px);min-width:200px;transition:all .5s cubic-bezier(.25,.8,.25,1);position:relative}.project-image-container{aspect-ratio:1/1.1;background-color:#0c0c0c;border-radius:40px;width:100%;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000004d}.project-image{object-fit:cover;filter:grayscale();opacity:.4;width:100%;height:100%;transition:all .5s cubic-bezier(.25,.8,.25,1);display:block}.project-overlay-buttons{opacity:0;pointer-events:none;align-items:center;gap:8px;width:fit-content;transition:all .5s cubic-bezier(.25,.8,.25,1);display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)translateY(20px)}.project-explore-btn{background:var(--primary-gradient);color:#fff;cursor:pointer;letter-spacing:1px;box-shadow:0 4px 15px rgba(var(--primary-color-rgb), .4);border:none;border-radius:50px;padding:10px 22px;font-family:Inter,sans-serif;font-size:.75rem;font-weight:700;transition:all .3s}.project-explore-btn:hover{opacity:.9;transform:scale(1.05)}.project-arrow-btn{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;cursor:pointer;background-color:#ffffff26;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex}.project-arrow-btn:hover{color:#000;background-color:#fff;border-color:#fff}.projects-track:hover .project-card-wrapper{opacity:.4;filter:grayscale();transform:scale(.92)}.projects-track .project-card-wrapper:hover{opacity:1;filter:none;z-index:10;transform:scale(1.08)translateY(-10px)}.projects-track .project-card-wrapper:hover .project-image{filter:grayscale(0%);opacity:1}.projects-track .project-card-wrapper:hover .project-overlay-buttons{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.project-details-box{color:#0d0d0d;opacity:0;visibility:hidden;pointer-events:none;z-index:5;background-color:#fff;border-radius:28px;width:calc(100% - 10px);padding:22px;transition:all .4s cubic-bezier(.25,.8,.25,1);position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(-10px);box-shadow:0 20px 40px #00000080}.project-card-wrapper:hover .project-details-box{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)translateY(15px)}.project-details-title{color:#111;letter-spacing:-.2px;margin:0 0 2px;font-family:Inter,sans-serif;font-size:1.05rem;font-weight:700}.project-details-category{color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-family:Inter,sans-serif;font-size:.72rem;font-weight:600;display:block}.project-details-desc{color:#444;margin:0 0 16px;font-family:Inter,sans-serif;font-size:.75rem;font-weight:400;line-height:1.45}.project-metric-container{width:100%}.project-metric-labels{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.project-metric-name{color:#111;text-transform:uppercase;letter-spacing:.5px;font-family:Inter,sans-serif;font-size:.7rem;font-weight:700}.project-metric-value{color:#111;font-family:Inter,sans-serif;font-size:.75rem;font-weight:700}.project-metric-progress-track{background-color:#e5e7eb;border-radius:10px;width:100%;height:6px;overflow:hidden}.project-metric-progress-bar{background:var(--primary-gradient);border-radius:10px;height:100%;transition:width 1s cubic-bezier(.25,.8,.25,1)}@media (width<=1024px){.projects-section{padding:80px 0 160px}.process-header-title{letter-spacing:4px;margin-left:4px;font-size:2.2rem}.projects-header-title{letter-spacing:6px;margin-left:6px;font-size:2.4rem}.projects-section-title{letter-spacing:1px;max-width:90%;font-size:.85rem}.projects-title-row{flex-direction:column;align-items:flex-start;gap:15px}.projects-track{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;justify-content:flex-start;gap:24px;padding:20px 10px 180px;overflow-x:auto}.projects-track::-webkit-scrollbar{display:none}.project-card-wrapper{scroll-snap-align:start;width:280px;min-width:280px}.projects-track:hover .project-card-wrapper{opacity:1;filter:none;transform:none}.projects-track .project-card-wrapper:hover{transform:none}.project-card-wrapper .project-image{filter:grayscale(0%);opacity:1}.project-overlay-buttons{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.project-details-box{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)translateY(15px)}}.services-section{border-top:1px solid rgba(var(--primary-color-rgb), .15);justify-content:center;align-items:center;min-height:950px;padding:120px 0;display:flex;position:relative;overflow:hidden}.services-container{justify-content:center;align-items:center;width:100%;max-width:1400px;height:750px;margin:0 auto;display:flex;position:relative}.services-center-content{z-index:10;text-align:center;pointer-events:auto;max-width:600px;padding:20px;position:relative}.services-badge{color:#d476fd;letter-spacing:2px;text-transform:uppercase;background:#a872fd1a;border:1px solid #a872fd40;border-radius:20px;margin-bottom:25px;padding:6px 16px;font-size:.75rem;font-weight:600;display:inline-block}.services-heading{letter-spacing:-.02em;color:#fff;text-shadow:0 2px 10px #000c;margin:0 0 35px;font-family:Inter,sans-serif;font-size:3.5rem;font-weight:800;line-height:1.15}.services-actions{justify-content:center;align-items:center;gap:20px;display:flex}.services-primary-btn{color:#fff;letter-spacing:1.5px;cursor:pointer;background:linear-gradient(90deg,#d476fd,#8271fd,#d476fd) 0 0/200% 100%;border:none;border-radius:50px;padding:14px 32px;font-size:.85rem;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1),background-position}.services-primary-btn:hover{animation:1.5s linear infinite gradient-move;transform:translateY(-2px)}.services-secondary-btn{color:#fff;letter-spacing:1.5px;cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:50px;align-items:center;gap:12px;padding:14px 32px;font-size:.85rem;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.services-secondary-btn:hover{background-color:#ffffff0d;border-color:#fff;transform:translateY(-2px)}.services-arrow-wrapper{border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .3s;display:flex}.services-secondary-btn:hover .services-arrow-wrapper{color:#030303;background-color:#fff;border-color:#fff}.services-circles-wrapper{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.service-circle-item{cursor:pointer;pointer-events:auto;background-position:50%;background-size:cover;border:1.5px solid #ffffff1a;border-radius:50%;transition:all .6s cubic-bezier(.16,1,.3,1);position:absolute;overflow:hidden;box-shadow:0 10px 30px #0006}.service-circle-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-sizing:border-box;text-align:center;background:linear-gradient(#03030373,#030303cc);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;transition:all .4s;display:flex;position:absolute;top:0;left:0}.service-circle-icon-box{color:var(--primary-color);opacity:1;justify-content:center;align-items:center;height:24px;margin-bottom:8px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;transform:scale(1)}.service-circle-icon-box svg{width:24px;height:24px}.service-circle-title{letter-spacing:1px;text-transform:uppercase;color:#fff;text-align:center;width:100%;margin:0;font-family:Inter,sans-serif;font-size:.9rem;font-weight:700;transition:all .4s cubic-bezier(.16,1,.3,1)}.service-circle-desc{color:#e2e2e2;opacity:0;text-align:center;pointer-events:none;width:100%;max-width:90%;max-height:0;margin:0 auto;font-family:Inter,sans-serif;font-size:.72rem;line-height:1.45;transition:all .4s cubic-bezier(.16,1,.3,1);overflow:hidden;transform:translateY(10px)}.service-circle-item:hover{border-color:var(--primary-color);box-shadow:0 20px 40px rgba(var(--primary-color-rgb), .45);z-index:15;border-radius:24px!important;transform:scale(1.1)translateY(-6px)!important}.service-circle-item:hover .service-circle-overlay{-webkit-backdrop-filter:blur();backdrop-filter:blur();background:linear-gradient(#0303034d,#030303e6)}.service-circle-item:hover .service-circle-icon-box{opacity:0;height:0;margin-bottom:0;overflow:hidden;transform:scale(0)translateY(-10px)}.service-circle-item:hover .service-circle-title{color:var(--primary-color);transform:translateY(0)}.service-circle-item:hover .service-circle-desc{opacity:1;max-height:60px;margin-top:8px;transform:translateY(0)}@keyframes float-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes float-medium{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes float-fast{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (width>=1025px){.circle-1{width:140px;height:140px;animation:7s ease-in-out infinite float-medium;top:8%;left:10%}.circle-2{width:210px;height:210px;animation:9s ease-in-out 1.2s infinite float-slow;top:4%;right:8%}.circle-3{width:185px;height:185px;animation:8s ease-in-out .5s infinite float-medium;top:38%;left:3%}.circle-4{width:190px;height:190px;animation:10s ease-in-out 1.8s infinite float-slow;top:36%;right:2%}.circle-7{width:165px;height:165px;animation:7.5s ease-in-out 2.5s infinite float-medium;bottom:26%;left:18%}.circle-5{width:220px;height:220px;animation:9.5s ease-in-out 2s infinite float-slow;bottom:4%;left:2%}.circle-6{width:160px;height:160px;animation:6s ease-in-out .8s infinite float-fast;bottom:8%;right:12%}}@media (width<=1024px){.services-section{min-height:auto;padding:80px 0}.services-container{flex-direction:column;gap:50px;height:auto;padding:0 20px}.services-center-content{order:1;max-width:100%;padding:0}.services-heading{font-size:2.4rem}.services-circles-wrapper{pointer-events:auto;order:2;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;width:100%;height:auto;display:grid;position:relative}.service-circle-item{margin:0 auto;position:relative;border-radius:50%!important;width:220px!important;height:220px!important;animation:none!important;inset:auto!important}.service-circle-overlay{background:linear-gradient(#03030373,#030303d9);border-radius:50%;padding:25px}.service-circle-desc{max-width:95%;opacity:1!important;max-height:80px!important;margin-top:8px!important;font-size:.65rem!important;display:block!important}}@media (width<=600px){.services-heading{font-size:2rem}.services-actions{flex-direction:column;gap:15px;width:100%}.services-primary-btn,.services-secondary-btn{justify-content:center;width:100%}.services-circles-wrapper{grid-template-columns:1fr}}