@charset "UTF-8";.sidebar{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f0ead6;color:#000}.sidebar .bg{z-index:999;position:fixed;top:0;left:0;bottom:0;width:400px;background:#F0EAD6}@media (max-width: 738px){.sidebar .bg{width:200px}}.sidebar .bg .links{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.sidebar .bg .links a{font-size:40px}@media (max-width: 738px){.sidebar .bg .links a{font-size:20px}}.sidebar button{z-index:999;width:50px;height:50px;border-radius:50%;position:fixed;top:25px;left:25px;background-color:transparent;border:none;cursor:pointer}.navbar{height:100px}.navbar .wrapper{max-width:1366px;margin:auto;display:flex;align-items:center;justify-content:space-between;height:100%}@media (max-width: 738px){.navbar .wrapper{justify-content:flex-end;padding:20px}}.navbar .wrapper .logo-container{display:flex;align-items:center}.navbar .wrapper .logo-container img{width:300px;height:auto}@media (max-width: 738px){.navbar .wrapper .logo-container{display:none}}.navbar .wrapper .social{display:flex;gap:20px;margin-left:auto}.navbar .wrapper .social img{width:18px;height:18px}body{font-family:Open Sans,sans-serif;font-size:16px;line-height:1.6;color:#1c1c1c;background-color:#f0ead6;margin:0;padding:0}.hero{min-height:auto;padding:2rem 1rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center}.hero .wrapper{width:100%;max-width:320px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.hero .full-logo{width:100%;height:auto;margin:0 auto}.hero .cta-button{margin-top:1.5rem}.hero .cta-button .button-primary{display:inline-block;padding:.75rem 1.5rem;background-color:#c97b63;color:#fff;border:none;border-radius:5px;font-weight:600;text-decoration:none;transition:background-color .3s ease}.hero .cta-button .button-primary:hover{background-color:#b46c50}@media (min-width: 768px){.hero .wrapper{max-width:500px}}@media (min-width: 1024px){.hero .wrapper{max-width:600px}}.services{min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:2rem;margin-top:-2rem}.services .textContainer{flex:1;align-self:flex-end;display:flex;align-items:center;gap:20px;padding:1rem}@media (max-width: 738px){.services .textContainer{align-self:center;text-align:center;flex-direction:column}}.services .textContainer p{font-weight:300;font-size:1.3rem;color:#6b6b6b;text-align:right;line-height:1.4}@media (max-width: 738px){.services .textContainer p{font-size:1.1rem;text-align:center}}.services .textContainer hr{width:500px;border:none;border-top:.5px solid lightgray}@media (max-width: 738px){.services .textContainer hr{width:300px}}.services .titleContainer{flex:3;display:flex;flex-direction:column;align-items:center;padding:1rem;width:100%}.services .titleContainer .merged-title{display:flex;justify-content:center;text-align:center}.services .titleContainer .merged-title h1{font-size:72px;font-weight:300;line-height:1.3;text-align:center}.services .titleContainer .merged-title h1 b{color:#a3b18a}@media (max-width: 738px){.services .titleContainer .merged-title h1{font-size:36px;line-height:1.4;flex-direction:column;padding:0 10px}}.services .listContainer{flex:4;display:flex;flex-wrap:wrap;max-width:1366px;margin:auto;padding:2rem}@media (max-width: 738px){.services .listContainer{flex-direction:column;width:100%}}.services .listContainer .box{flex:1 1 calc(50% - 2rem);padding:2.5rem;margin:1rem;border:1px solid #d4d4d4;border-radius:12px;display:flex;flex-direction:column;justify-content:space-between;background:#ffffff;color:#2c2c2c;box-shadow:0 4px 12px #00000014;transition:all .3s ease;cursor:pointer;min-height:280px}.services .listContainer .box:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:#a3b18a}@media (max-width: 738px){.services .listContainer .box{border:none;align-items:center;gap:15px;padding:20px;margin:10px 0;border-radius:12px;min-height:auto;box-shadow:0 2px 8px #0000001a}}.services .listContainer .box h2{font-size:1.4rem;font-weight:600;color:#a3b18a;margin-bottom:1rem;line-height:1.3}@media (max-width: 738px){.services .listContainer .box h2{font-size:1.2rem;text-align:center}}.services .listContainer .box p{font-size:1rem;line-height:1.6;color:#4a4a4a;margin-bottom:1.5rem;flex-grow:1}@media (max-width: 738px){.services .listContainer .box p{font-size:.9rem;text-align:center;margin-bottom:1rem}}.services .listContainer .box button{padding:12px 24px;background-color:#a3b18a;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .3s ease;align-self:flex-start}.services .listContainer .box button:hover{background-color:#8fa076;transform:translateY(-1px)}.services .listContainer .box button:active{background-color:#7d8f68;transform:translateY(0)}@media (max-width: 738px){.services .listContainer .box button{background-color:#a3b18a;border:none;border-radius:6px;color:#fff;width:auto;padding:10px 20px;align-self:center}.services .listContainer .box button:hover{background-color:#8fa076;color:#fff}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(12,12,29,.8);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#ffffff;color:#2c2c2c;padding:40px;border-radius:16px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0003;text-align:left;line-height:1.6}@media (max-width: 738px){.modal-content{padding:30px 20px;margin:20px;border-radius:12px}}.modal-content h2{font-family:Playfair Display,serif;font-size:2.2rem;margin-bottom:24px;color:#a3b18a;font-weight:600}@media (max-width: 738px){.modal-content h2{font-size:1.8rem;margin-bottom:20px}}.modal-content p{font-size:1.1rem;line-height:1.7;white-space:pre-line;color:#4a4a4a;margin-bottom:20px}@media (max-width: 738px){.modal-content p{font-size:1rem;line-height:1.6}}.modal-content button{margin-top:30px;padding:12px 28px;background:#A3B18A;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .3s ease}.modal-content button:hover{background:#8fa076;transform:translateY(-1px)}.modal-content button:active{background:#7d8f68;transform:translateY(0)}@media (max-width: 738px){.modal-content button{width:100%;padding:14px}}.parallax{width:100%;height:80%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:0}.parallax h1{font-size:100px;position:relative;z-index:10}@media (max-width: 738px){.parallax h1{font-size:72px;text-align:center}}@media (max-width: 738px){.parallax{background-size:cover;background-position:center}}.blog{margin:0 auto;padding:40px 20px;max-width:1200px}.blog .textContainer{text-align:center;margin-bottom:20px}.blog .textContainer p{font-size:2rem;font-weight:700;color:#0c0c1d}.blog .textContainer hr{width:60%;margin:20px auto;border:1px solid #A3B18A}.blog .grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.blog .grid-item{background:#F5F1E6;border:1px solid #ddd;border-radius:8px;overflow:hidden;padding:20px;text-align:center;box-shadow:0 4px 6px #0000001a;transition:all .3s ease;cursor:pointer;position:relative}.blog .grid-item:hover{box-shadow:0 6px 12px #0003;transform:translateY(-2px)}.blog .grid-item:focus{outline:2px solid #A3B18A;outline-offset:2px}.blog .grid-item img{width:100%;height:200px;object-fit:cover;margin-bottom:15px;border-radius:4px}.blog .grid-item h2{font-size:1.5rem;color:#0c0c1d;margin-bottom:10px;line-height:1.3}.blog .grid-item p{font-size:1rem;line-height:1.6;color:#555;margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.blog .grid-item button{padding:10px 20px;font-size:1rem;background-color:#a3b18a;color:#0c0c1d;border:none;border-radius:5px;cursor:pointer;font-weight:500;transition:background-color .3s ease}.blog .grid-item button:hover{background-color:#8fa076}.blog .grid-item button:active{background-color:#7d8f6a;box-shadow:inset 0 0 5px #333}@media (max-width: 768px){.blog{padding:20px 15px}.blog .textContainer{margin-bottom:30px}.blog .textContainer p{font-size:1.5rem;padding:0 10px}.blog .textContainer hr{width:80%}.blog .grid-container{grid-template-columns:1fr;gap:20px}.blog .grid-item{padding:15px;margin:0;min-height:320px}.blog .grid-item:active{transform:scale(.98);transition:transform .1s ease}.blog .grid-item img{height:180px;margin-bottom:12px}.blog .grid-item h2{font-size:1.25rem;margin-bottom:8px;line-height:1.4}.blog .grid-item p{font-size:.9rem;line-height:1.5;margin-bottom:12px;-webkit-line-clamp:3;line-clamp:3;text-align:left}.blog .grid-item button{padding:12px 16px;font-size:.9rem;width:100%;margin-top:8px;min-height:44px;border-radius:6px}}@media (max-width: 480px){.blog{padding:15px 10px}.blog .textContainer p{font-size:1.3rem}.blog .grid-item{padding:12px}.blog .grid-item img{height:160px}.blog .grid-item h2{font-size:1.15rem}.blog .grid-item p{font-size:.85rem;-webkit-line-clamp:3;line-clamp:3}}.contact{height:auto;min-height:auto;max-width:1366px;margin:auto;display:flex;align-items:center;gap:50px;padding:2rem;overflow:visible}@media (max-width: 738px){.contact{width:100%;padding:20px 10px;flex-direction:column;height:auto;min-height:auto;justify-content:center}}.contact .textContainer{flex:1;display:flex;flex-direction:column;gap:40px;padding:1rem}@media (max-width: 738px){.contact .textContainer{gap:20px;text-align:center;align-items:center;margin-top:20px;padding:0 1rem}}.contact .textContainer h1{font-size:100px;line-height:88px}@media (max-width: 738px){.contact .textContainer h1{font-size:36px}}.contact .textContainer span{font-weight:300}.contact .textContainer .item a{color:#f0ead6;text-decoration:none;font-weight:300;transition:color .3s ease}.contact .textContainer .item a:hover{color:#a3b18a;text-decoration:underline}.contact .formContainer{flex:1;position:relative;padding:1rem;max-width:100%}@media (max-width: 738px){.contact .formContainer{padding:20px 10px;width:100%;margin-bottom:20px}}.contact .formContainer .phoneSvg{stroke:#a3b18a;position:absolute;width:200px;height:auto;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}@media (max-width: 738px){.contact .formContainer .phoneSvg{width:60px;height:60px;top:20px;left:50%;transform:translate(-50%)}}.contact .formContainer form{display:flex;flex-direction:column;gap:20px;z-index:2;position:relative}@media (max-width: 738px){.contact .formContainer form{gap:15px;margin-top:80px}}.contact .formContainer form input,.contact .formContainer form textarea{padding:20px;background-color:#f0ead61a;border:1px solid #A3B18A;color:#f0ead6;border-radius:5px}.contact .formContainer form input::placeholder,.contact .formContainer form textarea::placeholder{color:#f0ead6b3}.contact .formContainer form input:focus,.contact .formContainer form textarea:focus{outline:none;border-color:#a3b18a;background-color:#f0ead626}@media (max-width: 738px){.contact .formContainer form input,.contact .formContainer form textarea{padding:10px}}.contact .formContainer form button{padding:20px;border:none;background-color:#a3b18a;color:#0c0c1d;cursor:pointer;font-weight:500;border-radius:5px;transition:all .3s ease}.contact .formContainer form button:hover{background-color:#8fa076;transform:translateY(-1px)}.contact .formContainer form button:active{background-color:#7d8f68;transform:translateY(0)}@media (max-width: 738px){.contact .formContainer form button{padding:10px}}html,body{scroll-behavior:smooth;height:100%;overflow-y:auto;overflow-x:hidden;width:100%;background-color:#f0ead6;color:#0c0c1d;font-family:Lora,serif;font-size:16px;line-height:1.6;margin:0;padding:0}*{box-sizing:border-box}a{text-decoration:none;color:inherit}h1,h2,h3,h4{font-family:Playfair Display,serif;margin-top:1.5rem;margin-bottom:1rem;line-height:1.2}p{margin-bottom:1.5rem;max-width:800px;margin-left:auto;margin-right:auto;padding:0 1rem}.skip-link{position:absolute;top:-40px;left:0;background:#F0EAD6;color:#0c0c1d;padding:8px 16px;z-index:100;transition:top .3s ease}.skip-link:focus{top:0}button:focus,a:focus,input:focus,textarea:focus{outline:2px solid #C97B63;outline-offset:2px}section{width:100%;scroll-snap-align:start;scroll-snap-stop:always;overflow:visible;position:relative}section.custom-height{height:auto;min-height:100vh}section#Contact{min-height:auto;height:auto;background-color:#4a4a4a;color:#f0ead6;display:flex;align-items:center;padding:4rem 0}@media (max-width: 738px){#Portfolio{padding:40px 10px}#Portfolio .grid-container{grid-template-columns:1fr}#Portfolio .grid-item img{height:150px}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f0ead6;padding:2rem}.error-container{text-align:center;max-width:500px;padding:2rem;background:white;border-radius:12px;box-shadow:0 4px 20px #0000001a}.error-container h2{color:#a3b18a;font-family:Playfair Display,serif;font-size:2rem;margin-bottom:1rem}.error-container p{color:#4a4a4a;font-family:Lora,serif;margin-bottom:2rem;line-height:1.6}.error-refresh-btn{background-color:#a3b18a;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-family:Lora,serif;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.error-refresh-btn:hover{background-color:#8da076}
