@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Lato:wght@300;400;700&display=swap";:root{--primary-color: #1a1a1a;--secondary-color: #f9f7f5;--accent-color: #b8860b;--text-color: #333333;--subtle-accent: #e6d7b8}*{box-sizing:border-box;margin:0;padding:0}body,html,#root{height:100%;font-family:Lato,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--secondary-color)}.container{display:flex;height:100%;position:relative;overflow:hidden}.svg-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;max-width:700px}.pattern-svg{width:100%;height:auto;opacity:.7}.left-side,.right-side{flex:1;display:flex;flex-direction:column;justify-content:center;padding:4rem;position:relative}.left-side{align-items:flex-start}.right-side{background-color:var(--primary-color);color:var(--secondary-color);overflow:hidden}.bg-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('data:image/svg+xml;utf8,<svg width="40" height="40" xmlns="http://www.w3.org/2000/svg"><rect width="40" height="40" fill="none" stroke="%23b8860b" stroke-width="0.5" stroke-opacity="0.1"/><circle cx="20" cy="20" r="1" fill="%23b8860b" fill-opacity="0.1"/></svg>');background-repeat:repeat;opacity:.1;animation:patternMove 60s linear infinite}@keyframes patternMove{0%{transform:translate(0)}to{transform:translate(40px,40px)}}.decorative-line{width:50px;height:1px;background-color:var(--accent-color);margin-bottom:20px;transform:scaleX(0);transform-origin:left;animation:lineGrow 1s ease-out .5s forwards}.decorative-line-center{width:50px;height:1px;background-color:var(--accent-color);margin:0 auto 1.5rem}@keyframes lineGrow{to{transform:scaleX(1)}}h1{font-family:Playfair Display,serif;font-size:clamp(2.5rem,6vw,4rem);margin-bottom:1rem;color:var(--primary-color);letter-spacing:1px;font-weight:700;opacity:0;animation:fadeIn 1s ease-out .7s forwards}h2{font-family:Playfair Display,serif;font-size:clamp(1.8rem,4vw,2.5rem);color:var(--primary-color);margin-bottom:2rem}.tagline{font-size:clamp(1rem,2vw,1.1rem);margin-bottom:2rem;max-width:80%;font-weight:300;color:var(--text-color);opacity:0;animation:fadeIn 1s ease-out 1s forwards}.button{padding:12px 24px;border:1px solid var(--primary-color);background-color:transparent;color:var(--primary-color);cursor:pointer;font-size:.9rem;font-weight:400;transition:all .3s ease;text-transform:uppercase;letter-spacing:2px;position:relative;overflow:hidden;opacity:0;animation:fadeIn 1s ease-out 1.3s forwards}.button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background-color:var(--primary-color);transition:all .3s ease;z-index:-1}.button:hover{color:var(--secondary-color)}.button:hover:before{left:0}.menu{position:absolute;top:40px;display:flex;gap:30px}.menu-left{left:40px}.menu-right{right:40px}.menu a{text-decoration:none;font-size:.9rem;font-weight:300;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;position:relative}.menu-left a{color:var(--primary-color)}.menu-right a{color:var(--secondary-color)}.menu a:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:1px;background-color:var(--accent-color);transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.menu a:hover:after{transform:scaleX(1);transform-origin:left}.social-icons{position:absolute;bottom:40px;right:40px;display:flex;gap:20px}.social-icons a{color:var(--secondary-color);text-decoration:none;font-size:1.2rem;transition:all .3s ease;opacity:.7}.social-icons a:hover{color:var(--accent-color);opacity:1;transform:translateY(-3px)}.scroll-indicator{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:30px;height:50px;border:2px solid var(--secondary-color);border-radius:15px;opacity:.7}.scroll-indicator:before{content:"";position:absolute;top:8px;left:50%;width:6px;height:6px;background-color:var(--secondary-color);border-radius:50%;transform:translate(-50%);animation:scrollAnimation 2s infinite}@keyframes scrollAnimation{0%{top:8px;opacity:1}to{top:32px;opacity:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.svg-container{display:none}.container{flex-direction:column}.left-side,.right-side{flex:none;min-height:50vh;padding:2rem}.menu,.social-icons{position:static;justify-content:center;padding:20px 0}.menu{order:-1}.social-icons{order:1}.left-side{align-items:center;text-align:center}.tagline{max-width:100%}.menu-left,.menu-right{position:static;justify-content:center}.menu-left{margin-bottom:20px}.menu-left a{color:var(--primary-color)}.scroll-indicator{display:none}.decorative-line{transform-origin:center}@keyframes lineGrow{to{transform:scaleX(1)}}}.about-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:4rem 2rem;background-color:var(--secondary-color);color:var(--text-color)}.about-content{max-width:800px;width:100%;text-align:center}.about-section{margin-bottom:4rem}.about-section p{font-family:Lato,sans-serif;font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}.principles ul{list-style-type:none;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.principles li{font-family:Lato,sans-serif;font-size:1.1rem;font-weight:300;flex-basis:calc(50% - 1rem);padding:1rem;border:1px solid var(--accent-color);transition:all .3s ease}.principles li:hover{background-color:var(--accent-color);color:var(--secondary-color)}.approach-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.approach-item{text-align:center}.approach-item h3{font-family:Playfair Display,serif;font-size:1.5rem;margin-bottom:.5rem;color:var(--primary-color)}.approach-item p{font-family:Lato,sans-serif;font-size:1rem;line-height:1.6}@media (max-width: 768px){.about-container{padding:3rem 1rem}.principles ul{flex-direction:column}.principles li{flex-basis:100%}}.contact-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;background-color:var(--secondary-color);color:var(--text-color);position:relative}.contact-content{width:100%;max-width:500px;text-align:center}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group textarea{min-height:100px;resize:none}.submit-button{align-self:center;padding:12px 24px;background-color:transparent;color:var(--primary-color);border:1px solid var(--primary-color);cursor:pointer;font-size:1rem;font-weight:500;letter-spacing:1px;transition:all .3s ease}.submit-button:hover{background-color:var(--primary-color);color:var(--secondary-color)}.contact-info{margin-top:0rem;text-align:center;font-size:.9rem;opacity:.8}.contact-info p{margin-bottom:.5rem}.back-button{position:absolute;top:20px;left:20px;background:none;border:none;cursor:pointer;font-size:34px;color:var(--primary-color);opacity:.6;transition:opacity .3s ease,transform .3s ease;padding:10px;line-height:1}.back-button:hover{opacity:1;transform:translate(-3px)}.submission-confirmation{margin-top:1rem;padding:1rem;background-color:var(--accent-color);color:var(--secondary-color);border-radius:4px;font-size:1rem;text-align:center}.contact-container .back-button,.about-container .back-button{color:var(--primary-color)}.contact-container,.about-container{padding-top:60px}.contact-form{position:relative;margin-bottom:2rem}.form-group{position:relative;margin-bottom:1.5rem}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:none;border-bottom:1px solid var(--primary-color);background-color:transparent;font-family:Lato,sans-serif;font-size:1rem;transition:border-color .3s ease}.form-group label{position:absolute;top:.75rem;left:.75rem;font-size:1rem;color:var(--text-color);transition:all .3s ease;pointer-events:none}.form-group.focused label,.form-group input:focus+label,.form-group textarea:focus+label{top:-.5rem;left:0;font-size:.8rem;color:var(--accent-color)}.form-group input:focus,.form-group textarea:focus{outline:none;border-bottom-color:var(--accent-color)}.form-group textarea{min-height:100px;resize:vertical}.submission-message{margin-top:1rem;font-family:Playfair Display,serif;font-size:1rem;color:var(--accent-color);font-style:italic}.copyright{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);font-size:.8rem;color:var(--text-color);opacity:.7}