@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Outfit:wght@300;400;500;600&display=swap";:root{--bg-color: #050505;--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .6);--accent-gold: #D4AF37;--depth-shadow: rgba(0, 0, 0, .4);--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .1);font-family:Outfit,sans-serif;line-height:1.6;font-weight:300;color:var(--text-primary);background-color:var(--bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;overflow-x:hidden;background-color:var(--bg-color);position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' 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");opacity:.04}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0;font-family:Cormorant Garamond,serif;font-weight:400;letter-spacing:-.01em}p{margin:0;color:var(--text-secondary);font-weight:300}.canvas-container{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:0;pointer-events:none}.nav-header{position:fixed;top:0;left:0;width:100%;padding:2rem 10%;display:flex;justify-content:space-between;align-items:center;z-index:100;mix-blend-mode:difference}.nav-header .logo{font-weight:600;font-size:1.1rem;color:#fff}.nav-links{display:flex;gap:2rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:#fff}.nav-links a{text-decoration:none;color:inherit;opacity:.6;transition:opacity .3s}.nav-links a:hover{opacity:1}.overlay{position:relative;z-index:1;width:100%}section{width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:0 10%}.hero-section{align-items:center;text-align:center}.philosophy-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4rem}.process-steps{display:flex;flex-direction:column;gap:2rem;text-align:left}.process-step p{font-size:1.1rem;max-width:400px}.services-section{flex-direction:column;align-items:flex-start;gap:2rem}.service-card{padding:2rem;border-bottom:1px solid rgba(0,0,0,.05);width:100%;max-width:600px;transition:transform .15s ease-out}.service-card:hover{transform:translateY(-4px)}.work-section{align-items:center;justify-content:center}.work-card{background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);padding:3rem;border-radius:4px;text-align:left;box-shadow:0 20px 40px var(--depth-shadow);transition:all .4s cubic-bezier(.215,.61,.355,1);cursor:pointer}.work-card:hover{transform:translateY(-10px);background:#ffffff0f;border-color:var(--accent-gold)}.value-item{font-size:3rem;font-weight:500;margin:1rem 0;color:var(--text-primary)}.closing-section{align-items:center;text-align:center}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;width:100%}.testimonial-card{padding:3rem;background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:4px}.testimonial-card p{font-style:italic;font-size:1.1rem;color:var(--text-primary);margin-bottom:2rem;line-height:1.6}.testimonial-author{font-size:.9rem;font-weight:500;color:var(--text-secondary)}.faq-section{max-width:800px;margin:0 auto}.faq-item{border-bottom:1px solid rgba(0,0,0,.05);padding:2rem 0;cursor:pointer}.faq-question{font-size:1.2rem;font-weight:500;margin-bottom:1rem;display:flex;justify-content:space-between}.faq-answer{color:var(--text-secondary);line-height:1.6}footer{padding:8rem 10% 4rem;text-align:center;color:var(--text-secondary);font-size:.9rem}@media(max-width:768px){.nav-header{padding:1.5rem 5%}.nav-header .logo{font-size:.7rem}.nav-links{display:none}section{padding:0 5%}h1{font-size:3.5rem!important}h2{font-size:2.5rem!important}.philosophy-section{grid-template-columns:1fr;text-align:center;gap:2rem}.process-steps{text-align:center;align-items:center}.work-grid{grid-template-columns:1fr!important}.value-item{font-size:2rem}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
