:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary: #d97706;--secondary: #451a03;--bg-warm: #fdfbf7;--text: #2d2d2d;--handwritten: "Dancing Script", cursive;--sans: "Inter", sans-serif}body{margin:0;background-color:var(--bg-warm);background-image:url(https://www.transparenttextures.com/patterns/concrete-wall.png);color:var(--text);font-family:var(--sans);line-height:1.6}nav{padding:15px 80px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,0,0,.05);background:brown}.brand{font-weight:800;font-size:20px;color:wheat;letter-spacing:1px}.est{font-size:14px;color:wheat;font-weight:700}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:550px;padding:40px 80px;gap:40px;background:linear-gradient(to right,var(--bg-warm) 40%,transparent 100%),url(/images/background3.jpg);background-size:cover;background-position:center}.hero h1{font-size:55px;line-height:1.1;color:var(--secondary);margin-bottom:25px}.btn-primary{background-color:var(--secondary);color:#fff;padding:15px 40px;border:none;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary:hover{background-color:var(--primary);transform:translateY(-3px)}.hero-image-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.hero-img{width:100%;max-width:600px;height:auto;border-radius:12px;box-shadow:20px 20px 40px #00000026;border-bottom:6px solid var(--primary);object-fit:cover}@media(max-width:768px){.hero{grid-template-columns:1fr;padding-bottom:60px;background:linear-gradient(to bottom,var(--bg-warm) 70%,transparent 100%),url(/images/background3.jpg)}.hero-image-container{order:-1;margin-bottom:30px}nav{padding:15px 20px}.hero{padding:40px 20px}.hero h1{font-size:40px}}.personal-note-section{padding:20px 80px 80px;display:flex;justify-content:center}.personal-note-container{background:#fff;max-width:1000px;border-radius:4px;box-shadow:20px 20px #451a031a;position:relative;border-top:5px solid var(--primary);display:grid;grid-template-columns:1fr 2fr;overflow:hidden}.owner-img-col{height:100%;min-height:300px}.owner-img-col img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%)}.owner-text-col{padding:50px;display:flex;flex-direction:column;justify-content:center}.signature{font-family:var(--handwritten);font-size:40px;color:var(--primary);margin-top:25px;transform:rotate(-2deg)}@media(max-width:768px){.personal-note-container{grid-template-columns:1fr}.owner-img-col{height:300px}.personal-note-section{padding:20px 20px 60px}}.orders-section{padding:60px 80px;background-color:#f8fafc;border-top:1px solid #e2e8f0;background:linear-gradient(#ffffffe6,#ffffffe6),url(/images/background3.jpg);background-size:cover;background-position:center;background-attachment:fixed}.order-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:50px;margin-top:50px}.doc-card{background:#fff;padding:25px;border:1px solid #e5e7eb;border-radius:2px;box-shadow:0 1px 2px #0000000d,0 10px 15px -3px #0000001a;transition:transform .3s ease;position:relative}.doc-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a}.doc-card:before{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);width:40px;height:10px;background:#0000001a;border-radius:4px}.doc-img-container{height:400px;background-color:#333;overflow:hidden;border:1px solid #ddd;cursor:pointer}.doc-img{width:100%;height:100%;object-fit:contain;transition:transform .5s}.doc-card:hover .doc-img{transform:scale(1.02)}.doc-info{padding-top:25px;text-align:left}.doc-authority{font-size:13px;color:var(--primary);font-weight:700;text-transform:uppercase;letter-spacing:1px}.projects-section{padding:60px 80px;background:linear-gradient(#fdfbf7f2,#fdfbf7f2),url(/images/background3.jpg);background-size:cover;background-position:center}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:50px}.project-card{background:#fff;transition:transform .3s ease;cursor:pointer;border-radius:4px;overflow:hidden;box-shadow:0 4px 10px #0000000d}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.img-wrapper{height:250px;overflow:hidden}.img-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card:hover img{transform:scale(1.05)}.project-details{padding:25px}.project-details h3{margin:10px 0;font-size:22px;color:var(--secondary)}.status-badge{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--primary)}.project-detail-view{padding:60px 80px;background-color:#fff;min-height:80vh;animation:fadeIn .5s ease}.detail-hero-img{width:100%;height:400px;object-fit:cover;border-radius:8px;margin-bottom:30px;box-shadow:0 10px 30px #00000026}.back-btn{background:transparent;border:2px solid var(--secondary);padding:10px 25px;font-weight:700;cursor:pointer;margin-bottom:30px;transition:all .2s}.back-btn:hover{background:var(--secondary);color:#fff}.detail-info-grid{display:grid;grid-template-columns:2fr 1fr;gap:60px}@media(max-width:768px){.detail-info-grid{grid-template-columns:1fr}.detail-hero-img{height:250px}.projects-section,.orders-section,.project-detail-view{padding:40px 20px}}.info-card{background:var(--bg-warm);padding:30px;border-left:4px solid var(--primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}footer{background:var(--secondary);color:#fff;padding:60px 80px;text-align:center}.footer-phone{font-size:32px;color:var(--primary);font-weight:700;text-decoration:none}