:root{--primary-color: #4A90E2;--secondary-color: #8ba888;--accent-color: #d0a5c0;--text-color: #333;--light-text-color: #fff;--background-gradient: linear-gradient(135deg, #4a6d7c, #8ba888, #d0a5c0);--font-heading: "Cormorant Garamond", serif;--font-body: "Quicksand", sans-serif;--font-size-base: 1.1rem;--background-color: #fff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);font-size:var(--font-size-base);line-height:1.6;color:var(--text-color);background:var(--background-gradient);background-attachment:fixed;min-height:100vh}header{padding:.5rem 0;position:fixed;width:100%;top:0;z-index:1000;transition:background-color .3s ease;display:flex;justify-content:center;align-items:center;background-color:transparent;transition:background-color .3s}nav{display:flex;justify-content:center;align-items:center;width:100%;max-width:1200px;padding:0 1rem;position:relative}nav ul{display:flex;justify-content:center;list-style-type:none;flex-grow:1;padding:0;margin:0}nav ul li{margin:0 .5rem}nav ul li a{text-decoration:none;font-weight:500;transition:color .3s ease;font-size:1rem;color:var(--text-color)}nav ul li a:hover{color:var(--accent-color)}.social-media{display:flex;gap:.5rem;position:fixed;top:.5rem;right:1rem;z-index:1100}.social-logo{width:24px;height:24px}main{max-width:1200px;margin:0 auto;padding:3rem 1rem 1rem}section{background-color:#fff6;margin-bottom:2rem;padding:1.5rem;box-shadow:0 10px 20px #0000001a}h1,h2,h3{font-family:var(--font-heading);color:var(--primary-color);margin-bottom:.5rem}h1{font-size:4rem;font-weight:400}h2{font-size:2.8rem;font-weight:400}h3{font-size:2rem;font-weight:400}p{margin-bottom:.5rem;font-weight:300}#home{text-align:center;padding:1.5rem 0}.section-image{width:100%;height:auto;margin-top:1rem}#about .content{display:flex;align-items:flex-start;gap:1rem;flex-direction:row}#about .section-image{max-width:280px;height:auto}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.service-item{background-color:#fff9;padding:.75rem;transition:transform .3s ease}.service-item:hover{transform:translateY(-5px)}.service-image{width:100%;height:auto;margin-bottom:.5rem}#contact-form{display:flex;flex-direction:column;max-width:600px;margin:1rem auto 0}#contact-form input,#contact-form textarea{margin-bottom:.5rem;padding:.8rem;border:1px solid var(--primary-color);font-family:var(--font-body);font-weight:300;width:100%;min-width:400px}#contact-form button{background-color:var(--primary-color);color:#fff;border:none;padding:.8rem 1.5rem;cursor:pointer;transition:background-color .3s ease;font-family:var(--font-body);font-weight:500}#contact-form button:hover{background-color:var(--secondary-color)}#contact .content{display:flex;align-items:center;gap:1rem;flex-direction:row}#contact .section-image{max-width:300px;height:auto}footer{background-color:transparent;color:var(--light-text-color);text-align:center;padding:.5rem 0;margin-top:1rem;font-weight:300;font-size:1rem}@keyframes slideInFromLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.slide-in-left{animation:slideInFromLeft 1s ease-out forwards}.slide-in-right{animation:slideInFromRight 1s ease-out forwards}@media (max-width: 768px){.hamburger{display:flex;width:auto;cursor:pointer;padding:15px}nav ul{align-items:center;display:none;width:calc(100% - 2rem);position:absolute;top:60px;left:0;width:100%;background-color:var(--background-color);flex-direction:column;padding:20px 0;box-shadow:0 2px 5px #0000001a;border:1px solid var(--primary-color);border-radius:8px;z-index:1099}nav ul.show{display:flex}nav ul li{margin:.5rem 0;text-align:center}nav ul li a{color:var(--text-color)}nav ul.show li a{color:var(--text-color)}main{padding-top:4rem}h1{font-size:2.8rem}h2{font-size:2.3rem}#about .content{flex-direction:column}#about .section-image{max-width:100%}}
