@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;text-rendering:optimizeSpeed}ul,ol{list-style:none}img,video{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer}:root{--purple-lightest: #f5f3ff;--purple-light: #dcd7f8;--purple-main-select: #c4bee4;--purple-main: #c4bdef;--purple-dark: #a89ed4;--purple-darker: #8b7fc7;--purple-accent: #6b5b95;--text-dark: #2d2a3e;--text-medium: #5a5670;--white: #ffffff;--shadow: 0 8px 30px rgba(107, 91, 149, .15);--shadow-lg: 0 15px 50px rgba(107, 91, 149, .2);--transition: all .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--white);color:var(--text-dark);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}.tabs{background-color:var(--purple-light);position:fixed;top:0;left:0;width:100%;z-index:1000}.tabs ul{display:flex;justify-content:center;list-style:none;margin:0;padding:0}.tabs li{margin:0}.tabs a{display:inline-block;padding:20px 30px;text-decoration:none;color:var(--text-dark);font-size:16px;font-weight:600;transition:var(--transition)}.tabs a.active,.tabs a:hover{background-color:var(--purple-main-select)}.hero-section{background:linear-gradient(180deg,#ffffff 0%,#ffffff 5%,var(--purple-lightest) 20%,var(--purple-light) 100%);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:100px 40px 80px;text-align:center}.hero-content{margin-bottom:40px}.hero-title{font-size:72px;font-weight:800;color:var(--text-dark);margin-bottom:12px;letter-spacing:-2px;line-height:1.1}.hero-subtitle{font-size:24px;font-weight:500;color:var(--text-medium);margin-bottom:20px}.hero-demo-video{width:100%;max-width:900px;height:auto;border-radius:16px;box-shadow:var(--shadow-lg);margin-bottom:40px}.hero-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.hero-button{background-color:var(--white);color:var(--text-dark);padding:14px 32px;border-radius:50px;text-decoration:none;font-weight:600;font-size:15px;box-shadow:var(--shadow);transition:var(--transition)}.hero-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background-color:var(--purple-light)}.about-section{background-color:var(--white);padding:60px 40px}.about-content{display:flex;justify-content:center;align-items:center;gap:60px;max-width:950px;margin:0 auto}.about-headshot{width:280px;height:auto;border-radius:12px;object-fit:cover;box-shadow:var(--shadow);flex-shrink:0}.about-text{flex:1}.about-text h2{font-size:32px;font-weight:700;color:var(--text-dark);margin-bottom:20px}.about-text p{font-size:20px;line-height:1.8;color:var(--text-medium);margin-bottom:20px}.banner-img{width:100%;height:auto;max-height:250px;margin-top:62px;object-fit:cover;object-position:center}.contact-button{background-color:var(--white);color:var(--text-dark);border:none;padding:12px 28px;text-align:center;text-decoration:none;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition);border-radius:50px;box-shadow:var(--shadow)}.contact-button:hover{background-color:var(--purple-light);transform:translateY(-2px)}@media(max-width:1024px){.hero-title{font-size:56px}.hero-demo-video{max-width:700px}.about-content{flex-direction:column;align-items:center;text-align:center;gap:40px}.about-headshot{width:250px}}@media(max-width:768px){.tabs a{padding:16px 20px;font-size:14px}.hero-section{padding:100px 24px 60px}.hero-title{font-size:42px}.hero-subtitle{font-size:18px}.hero-content{margin-bottom:30px}.hero-demo-video{max-width:100%;border-radius:12px;margin-bottom:30px}.about-section{padding:60px 24px}.about-text h2{font-size:28px}.about-headshot{width:220px}}@media(max-width:480px){.tabs ul{flex-wrap:wrap;justify-content:center}.tabs a{padding:12px 14px;font-size:12px}.hero-section{padding:90px 20px 50px}.hero-title{font-size:32px;letter-spacing:-1px}.hero-subtitle{font-size:16px}.hero-buttons{flex-direction:column;align-items:center;gap:12px}.hero-button{width:200px;text-align:center}.about-section{padding:50px 20px}.about-text h2{font-size:24px}.about-text p{font-size:15px}.about-headshot{width:200px}}.page-container{min-height:100vh;background:linear-gradient(180deg,#ffffff 0%,#ffffff 5%,var(--purple-lightest, #f5f3ff) 20%,var(--purple-light, #dcd7f8) 100%);padding:100px 40px 60px}.page-title{font-family:Outfit,sans-serif;font-size:48px;font-weight:700;color:var(--text-dark, #2d2a3e);text-align:center;margin-bottom:50px}.project-container a{text-decoration:none;color:inherit}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;max-width:1500px;margin:0 auto;padding:0 40px;box-sizing:border-box}.project-container{background-color:var(--white, #ffffff);border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #6b5b951f;transition:transform .3s ease,box-shadow .3s ease;text-align:center;position:relative;padding:24px}.project-container:hover{transform:translateY(-2px);box-shadow:0 12px 40px #6b5b9533}.project-title{font-family:Outfit,sans-serif;font-size:22px;color:var(--text-dark, #2d2a3e);font-weight:600;margin-bottom:8px}.project-description{font-family:Outfit,sans-serif;font-size:15px;color:var(--text-medium, #5a5670);margin-bottom:16px;line-height:1.6}.animation-video{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block;margin-bottom:16px;border-radius:10px}.middle-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .3s ease}.middle-button-text{background-color:var(--purple-light, #dcd7f8);color:var(--text-dark, #2d2a3e);font-family:Outfit,sans-serif;font-size:15px;font-weight:600;padding:14px 28px;border-radius:50px;box-shadow:0 4px 15px #6b5b9533}.project-container:hover .animation-video{filter:brightness(50%)}.project-container:hover .middle-button{opacity:1}@media(max-width:768px){.page-container{padding:90px 24px 50px}.page-title{font-size:36px;margin-bottom:30px}.projects-grid{gap:24px}.project-title{font-size:20px}}@media(max-width:480px){.page-container{padding:80px 16px 40px}.page-title{font-size:28px}.project-container{padding:16px}.project-title{font-size:18px}.middle-button-text{font-size:13px;padding:10px 20px}}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;max-width:1500px;margin:0 auto;padding:0 40px;box-sizing:border-box}.project-container{background-color:#dcd7f8;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #4b4b4b4d;transition:transform .3s ease,box-shadow .3s ease;text-align:center;position:relative;padding:20px}.project-container:hover{transform:scale(1.05);box-shadow:0 6px 20px #4b4b4b80}.project-title{font-size:20px;color:#252325;font-weight:700;margin-bottom:10px}.project-description{font-size:16px;color:#252325;margin-bottom:16px}.project-media{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;margin-bottom:16px}.button-container{display:flex;justify-content:center;flex-wrap:wrap}.contact-button{background-color:#fff;color:#2d2a3e;font-size:16px;font-weight:600;padding:12px 24px;border-radius:50px;text-decoration:none;box-shadow:0 2px 8px #6b5b9526;transition:background-color .3s ease,transform .3s ease}.contact-button:hover{background-color:#f5f3ff;transform:translateY(-2px)}@media(max-width:1024px){.projects-grid{grid-template-columns:1fr;max-width:600px}}@media(max-width:768px){.project-title{font-size:18px}.project-description{font-size:14px}.contact-button{font-size:12px;padding:10px 20px}}@media(max-width:480px){.project-title{font-size:16px}.project-description{font-size:12px}.contact-button{font-size:10px;padding:8px 16px}}@media(min-width:1600px){.projects-grid{gap:60px;padding:60px}}.gallery-wrapper{display:flex;justify-content:center;padding:0 15px}.illustration-gallery{max-width:1200px;width:100%;padding:0 15px;column-count:3;column-gap:30px;margin:40px auto}.illustration-gallery .content-container{background-color:#dcd7f8;padding:10px;border-radius:8px;box-shadow:0 2px 10px #0000001a;transition:transform .3s ease,box-shadow .3s ease;text-align:center;margin:0 0 30px;display:inline-block;width:100%;max-width:350px;position:relative;overflow:hidden;transform-origin:center center;cursor:pointer}.illustration-gallery .content-container:hover{transform:scale(1.05);box-shadow:0 4px 20px #0003}.illustration-gallery .content-container h3{margin:10px 0;font-size:1.2em;color:#252325;font-weight:700}.illustration-gallery .content-container img{max-width:100%;height:auto;display:block;margin:0 auto 10px;border-radius:8px}@media(max-width:900px){.illustration-gallery{column-count:2}}@media(max-width:600px){.illustration-gallery{column-count:1}.illustration-gallery .content-container:hover{transform:scale(1)}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:40px;box-sizing:border-box}.modal-content{display:flex;flex-direction:column;align-items:center;max-width:90vw;max-height:90vh}.modal-header{text-align:center;margin-bottom:20px}.modal-title{font-family:Outfit,sans-serif;font-size:28px;font-weight:600;color:#fff;margin:0 0 8px}.modal-subtitle{font-family:Outfit,sans-serif;font-size:16px;color:#ffffffbf;margin:0}.modal-content img{max-width:100%;max-height:calc(90vh - 100px);border-radius:10px;object-fit:contain}@media(max-width:768px){.modal-title{font-size:22px}.modal-subtitle{font-size:14px}}.modal-description{flex:1;color:#333;font-size:1.5rem;max-height:80vh;overflow-y:auto;text-align:center;padding:50px}.see-project-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#dcd7f8;color:#2d2a3e;font-family:Outfit,sans-serif;font-size:15px;font-weight:600;padding:14px 28px;border-radius:50px;box-shadow:0 4px 15px #6b5b954d;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:2}.illustration-gallery .content-container:hover .see-project-btn{opacity:1;pointer-events:auto}.hover-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000;transition:background-color .3s ease;border-radius:8px;z-index:1}.illustration-gallery .content-container:hover .hover-overlay{background-color:#0003}.illustration-gallery .content-container video{max-width:100%;height:auto;display:block;margin:0 auto 10px;border-radius:8px}.modal-content video{max-width:100%;max-height:80vh;border-radius:10px;object-fit:contain}.contact-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:120px 40px 60px}.contact-layout{display:flex;align-items:center;gap:60px;max-width:1000px}.contact-image-container{flex-shrink:0}.contact-photo{width:350px;height:auto;border-radius:20px;box-shadow:0 12px 50px #6b5b9533}.contact-content{display:flex;flex-direction:column;align-items:flex-start}.contact-name{font-family:Outfit,sans-serif;font-size:48px;font-weight:700;color:var(--text-dark, #2d2a3e);margin:0 0 8px}.contact-role{font-family:Outfit,sans-serif;font-size:20px;color:var(--purple-darker, #8b7fc7);font-weight:500;margin:0 0 24px}.contact-subtitle{font-family:Outfit,sans-serif;font-size:17px;color:var(--text-medium, #5a5670);max-width:400px;line-height:1.7;margin:0 0 32px}.contact-buttons{display:flex;gap:14px;flex-wrap:wrap}.contact-btn{background-color:var(--white, #ffffff);color:var(--text-dark, #2d2a3e);font-family:Outfit,sans-serif;font-size:15px;font-weight:600;padding:14px 28px;border-radius:50px;text-decoration:none;box-shadow:0 4px 20px #6b5b9526;transition:all .3s ease}.contact-btn:hover{background-color:var(--purple-light, #dcd7f8);transform:translateY(-3px);box-shadow:0 8px 30px #6b5b9540}@media(max-width:900px){.contact-layout{flex-direction:column;text-align:center;gap:40px}.contact-content{align-items:center}.contact-subtitle{text-align:center}.contact-photo{width:300px}.contact-name{font-size:40px}}@media(max-width:600px){.contact-page{padding:100px 24px 50px}.contact-photo{width:260px}.contact-name{font-size:32px}.contact-role{font-size:17px}.contact-subtitle{font-size:15px;padding:0 10px}.contact-buttons{flex-direction:column;width:100%;max-width:200px}.contact-btn{text-align:center;width:100%}}@media(max-width:400px){.contact-photo{width:220px}.contact-name{font-size:28px}}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.video-container{max-width:1000px;width:100%;margin:0 auto 30px;display:flex;justify-content:center;align-items:center}.video-container .animation-video{width:100%;height:auto;display:block;border-radius:12px;box-shadow:0 8px 30px #6b5b9526}.content-container{text-align:center;margin-bottom:50px;max-width:1000px}.title{font-family:Outfit,sans-serif;font-size:20px;color:var(--text-dark, #2d2a3e);display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:80px;opacity:0;animation:fadeIn .8s forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.title h1{font-family:Outfit,sans-serif;font-size:42px;font-weight:700;margin-bottom:10px}.small-title{font-family:Outfit,sans-serif;color:var(--text-dark, #2d2a3e);display:flex;flex-direction:column;align-items:center;text-align:center;margin:30px 0 20px}.small-title h2{font-size:28px;font-weight:600}.small-title h4{font-size:18px;font-weight:500;color:var(--text-medium, #5a5670)}.credit{font-family:Outfit,sans-serif;font-size:15px;color:var(--text-medium, #5a5670);line-height:1.8;max-width:800px;margin:0 auto 30px;padding:0 20px}.credit p{margin-bottom:8px}.project-info-container{font-family:Outfit,sans-serif;color:var(--text-dark, #2d2a3e);display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 20px}.project-info-container h1{font-size:32px;font-weight:700;margin:40px 0 20px}.project-info-text{max-width:800px;font-family:Outfit,sans-serif;font-size:16px;line-height:1.8;color:var(--text-medium, #5a5670);margin:0 auto 24px;text-align:left}.project-info-img-container{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;margin:20px 0}.project-info-animatic{max-width:800px;width:100%;height:auto;border-radius:12px;box-shadow:0 4px 20px #6b5b951a;margin:20px 0}.project-info-img{max-width:32%;height:auto;border-radius:10px;box-shadow:0 4px 15px #6b5b951a}.project-info-img-large{max-width:60%;height:auto;border-radius:12px;box-shadow:0 4px 20px #6b5b951a}.project-info-img-large2{max-width:200px;height:auto;border-radius:10px}.project-info-img-small{max-height:300px;width:auto;border-radius:10px;transition:transform .3s ease}.project-info-img-small:hover{transform:scale(1.02)}.project-info-img-small2{max-width:400px;height:auto;border-radius:10px}.project-info-quote-container{max-width:700px;font-family:Outfit,sans-serif;font-size:18px;line-height:1.8;color:var(--text-medium, #5a5670);margin:30px auto;padding:30px;background-color:var(--purple-lightest, #f5f3ff);border-radius:12px;border-left:4px solid var(--purple-main, #c4bdef);text-align:left;font-style:italic}.highlight-link{color:var(--purple-darker, #8b7fc7);text-decoration:underline;transition:color .3s ease}.highlight-link:hover{color:var(--purple-accent, #6b5b95)}@media(max-width:1200px){.credit{padding:0 30px}.project-info-img{max-width:45%}.project-info-img-large{max-width:80%}}@media(max-width:768px){.title{margin-top:70px}.title h1{font-size:32px}.small-title h2{font-size:24px}.project-info-container h1{font-size:26px}.project-info-text{font-size:15px;padding:0 10px}.project-info-img,.project-info-img-large,.project-info-animatic{max-width:100%}.project-info-quote-container{font-size:16px;padding:20px;margin:20px}}@media(max-width:480px){.title h1{font-size:26px}.credit{font-size:13px}.project-info-container h1{font-size:22px}.project-info-text{font-size:14px}.small-title h2{font-size:20px}.small-title h4{font-size:16px}}