:root{--yellow:#f5c000;--black:#0f0f0f;--dark:#1a1a1a;--dark2:#222;--gray:#2e2e2e;--light-gray:#888;--white:#f5f2eb;--font-display:"Oswald", sans-serif;--font-body:"PT Sans", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--black);color:var(--white);font-family:var(--font-body);font-size:16px;line-height:1.6}img{max-width:100%;display:block}.navbar{z-index:100;background-color:var(--black);border-bottom:3px solid var(--yellow);justify-content:space-between;align-items:center;height:64px;padding:0 2rem;display:flex;position:sticky;top:0}.navbar span{font-family:var(--font-display);text-transform:uppercase;letter-spacing:2px;color:var(--yellow);font-size:1.4rem;font-weight:700}.navbar .links{gap:.25rem;display:flex}.navbar .links a{font-family:var(--font-display);text-transform:uppercase;letter-spacing:1.5px;color:var(--white);border-bottom:2px solid #0000;padding:.4rem .9rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .2s,border-color .2s}.navbar .links a:hover{color:var(--yellow);border-bottom-color:var(--yellow)}#about,#services,#gallery,#quote,#contact{scroll-margin-top:64px}.hero{background-color:var(--dark);background-position:50%;background-size:cover;align-items:center;min-height:60vh;display:flex;position:relative;overflow:hidden}.hero-bg-img{object-fit:cover;object-position:center;z-index:0;width:100%;height:100%;position:absolute;inset:0}.hero:before{content:"";z-index:1;background:linear-gradient(105deg,#0a0a0aeb 45%,#0a0a0a80 100%);position:absolute;inset:0}.hero:after{content:"";background:var(--yellow);opacity:.6;z-index:1;width:4px;position:absolute;top:0;bottom:0;right:38%;transform:skew(-6deg)}.hero-overlay{z-index:2;max-width:680px;padding:5rem 2rem 5rem 4rem;position:relative}.hero-overlay h1{font-family:var(--font-display);text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;font-size:clamp(2rem,5vw,3.4rem);font-weight:700;line-height:1.08}.hero-overlay h2{font-family:var(--font-display);text-transform:uppercase;letter-spacing:3px;color:var(--yellow);margin-bottom:2rem;font-size:clamp(1rem,2.5vw,1.4rem);font-weight:400}.hero-cta{background:var(--yellow);color:var(--black);font-family:var(--font-display);text-transform:uppercase;letter-spacing:2px;border:3px solid var(--yellow);padding:.85rem 2.2rem;font-size:1rem;font-weight:700;text-decoration:none;transition:background .2s,color .2s;display:inline-block}.hero-cta:hover{color:var(--yellow);background:0 0}.section{max-width:1100px;margin:0 auto;padding:5rem 2rem}.section h2{font-family:var(--font-display);text-transform:uppercase;letter-spacing:2px;margin-bottom:.4rem;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:700}.section h2:after{content:"";background:var(--yellow);width:52px;height:4px;margin-top:.5rem;margin-bottom:2rem;display:block}.about{background-color:var(--dark2);border-top:1px solid var(--gray);border-bottom:1px solid var(--gray)}.about .section p{color:#b0ada6;max-width:680px;font-size:1.15rem;line-height:1.8}.services{background-color:var(--black)}.service-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;display:grid}.service-item{background:var(--dark2);border:1px solid var(--gray);border-top:4px solid var(--yellow);padding:2rem 1.5rem;transition:transform .2s}.service-item:hover{transform:translateY(-4px)}.service-item h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:1.5px;color:var(--yellow);margin-bottom:.75rem;font-size:1.2rem;font-weight:700}.service-item p{color:#b0ada6;font-size:1.05rem;line-height:1.7}.gallery-section{background-color:var(--dark2);border-top:1px solid var(--gray)}.gallery{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.gallery img{object-fit:cover;border:2px solid #0000;width:100%;height:340px;transition:border-color .2s,transform .2s}.gallery img:hover{border-color:var(--yellow);transform:scale(1.02)}.contact-section{background-color:var(--black)}.contact-section .section p{color:#b0ada6;margin-bottom:2rem;font-size:1.15rem}.contact-section ul{flex-direction:column;gap:.75rem;list-style:none;display:flex}.contact-section ul li{font-family:var(--font-display);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:500;display:flex}.contact-section ul li:before{content:"";background:var(--yellow);flex-shrink:0;width:10px;height:10px;display:inline-block}.footer{background:var(--dark2);border-top:3px solid var(--yellow);text-align:center;padding:1.5rem 2rem}.footer p{font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;color:var(--light-gray);font-size:.95rem}.social-links{justify-content:center;gap:1rem;margin-bottom:1rem;display:flex}.social-link{background-color:var(--gray);width:40px;height:40px;color:var(--yellow);border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;text-decoration:none;transition:all .3s;display:inline-flex}.social-link:hover{background-color:var(--yellow);color:var(--black);transform:translateY(-3px)}.icon-credit{color:var(--light-gray);margin-top:.5rem;font-size:.7rem!important}.icon-credit a{color:var(--yellow);text-decoration:none}.icon-credit a:hover{text-decoration:underline}@media (width<=768px){.navbar{padding:0 1rem}.navbar .links a{letter-spacing:.5px;padding:.4rem .5rem;font-size:.75rem}.hero:after{display:none}.hero-overlay{padding:4rem 1.5rem 5rem}.section{padding:3.5rem 1.5rem}#about,#services,#gallery,#quote,#contact{scroll-margin-top:72px}}.quote-section{background-color:var(--dark2);border-top:1px solid var(--gray)}.quote-intro{color:#b0ada6;margin-bottom:2rem;font-size:1.1rem}.quote-form{flex-direction:column;gap:1.25rem;max-width:600px;display:flex}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-group label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:1.5px;color:var(--light-gray);font-size:.85rem}.form-group input,.form-group textarea{background:var(--gray);color:var(--white);font-family:var(--font-body);resize:vertical;border:1px solid #444;outline:none;padding:.75rem 1rem;font-size:1rem}.form-group input:focus,.form-group textarea:focus{border-color:var(--yellow)}.quote-btn{background:var(--yellow);color:var(--black);font-family:var(--font-display);text-transform:uppercase;letter-spacing:2px;border:3px solid var(--yellow);cursor:pointer;width:fit-content;padding:.85rem 2.2rem;font-size:1rem;font-weight:700;transition:background .2s,color .2s}.quote-btn:hover{color:var(--yellow);background:0 0}.quote-btn:disabled{opacity:.6;cursor:not-allowed}.form-success{color:#7ec87e;font-size:.95rem}.form-error{color:#e07070;font-size:.95rem}.hamburger{color:var(--white);cursor:pointer;background:0 0;border:none;font-size:2rem;display:none}.mobile-menu{z-index:999;background:#0a0a0afa;flex-direction:column;justify-content:center;align-items:center;gap:2rem;display:flex;position:fixed;inset:0}.mobile-menu a{font-family:var(--font-display);text-transform:uppercase;letter-spacing:2px;color:var(--white);font-size:1.5rem;text-decoration:none;transition:color .2s}.mobile-menu a:hover{color:var(--yellow)}.close-menu{color:var(--white);cursor:pointer;background:0 0;border:none;font-size:2rem;position:absolute;top:1.5rem;right:1.5rem}@media (width<=768px){.navbar .links{display:none}.hamburger{display:block}.navbar{height:72px}}.logo{align-items:center;gap:10px;display:flex}.logo img{width:auto;height:40px}