/* Critical CSS — D&D Exterior Finishing */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;-webkit-text-size-adjust:100%}
body{font-family:'Open Sans', system-ui, sans-serif;line-height:1.6;color:#1e1e1e;background:#fff;overflow-x:hidden}
.skip-link{position:absolute;top:-60px;left:0;background:#D95E1B;color:#fff;padding:.5rem 1rem;z-index:10000;font-weight:700;transition:top .2s}
.skip-link:focus{top:0}
.container{max-width:1240px;margin:0 auto;padding:0 1.25rem}
.announcement-bar{background:#1A2F4A;color:rgba(255,255,255,.92);padding:.6rem 0;font-size:.875rem}
.header{position:sticky;top:0;z-index:1000;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.nav{display:flex;align-items:center;justify-content:space-between;height:72px;gap:1.5rem}
.logo-text{font-family:'Oswald', sans-serif;font-size:1.125rem;font-weight:700;color:#1A2F4A}
.hero{position:relative;min-height:480px;display:flex;align-items:center;overflow:hidden}
.hero-bg{position:absolute;inset:0;background:#1A2F4A;background-size:cover;background-position:center}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.4) 60%,rgba(0,0,0,.25) 100%)}
.hero-content{position:relative;z-index:2;padding:4rem 0}
.hero-heading{font-family:'Oswald', sans-serif;font-size:clamp(2rem,5vw,3.75rem);font-weight:700;color:#fff;line-height:1.25;margin-bottom:1.25rem;max-width:720px}
.hero-sub{font-size:clamp(1rem,2vw,1.25rem);color:rgba(255,255,255,.88);margin-bottom:2rem;max-width:600px;line-height:1.8}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.75rem;border-radius:4px;font-weight:600;font-family:'Oswald', sans-serif;text-decoration:none;transition:all .25s;border:2px solid transparent;white-space:nowrap}
.btn-primary{background:#D95E1B;color:#fff;border-color:#D95E1B}
.btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.6)}