:root{--black:#080808;--ink:#171717;--muted:#686868;--line:#dedede;--soft:#f5f5f5;--white:#fff;--red:#c9151b;--red-dark:#970f13;--charcoal:#151515;--shadow:0 24px 70px rgba(0,0,0,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--white);line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:20;background:rgba(8,8,8,.94);color:var(--white);border-bottom:1px solid rgba(255,255,255,.12);backdrop-filter:blur(14px)}.nav,.wrap{width:min(1180px,calc(100% - 32px));margin:0 auto}.nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;flex:0 0 auto}.brand-logo{display:block;width:clamp(156px,18vw,220px);height:auto;filter:drop-shadow(0 8px 18px rgba(0,0,0,.35))}.nav-links{display:flex;align-items:center;gap:20px;color:rgba(255,255,255,.82);font-size:15px;font-weight:700}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--white)}.nav-links a[href^="tel:"]{color:var(--white);font-size:18px;font-weight:900;white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:4px;background:var(--red);color:var(--white);font-weight:900;text-transform:uppercase;letter-spacing:.02em}.btn:hover{background:var(--red-dark)}.btn-light{background:var(--white);color:var(--black)}.hero{position:relative;isolation:isolate;min-height:460px;color:var(--white);display:grid;align-items:end;overflow:hidden}.hero::before{content:"";position:absolute;inset:0;z-index:-2;background:url("skampz-hero.png") center/cover no-repeat}.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.62) 50%,rgba(0,0,0,.24)),linear-gradient(0deg,rgba(0,0,0,.66),transparent 52%)}.hero-inner{padding:78px 0 58px}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;color:rgba(255,255,255,.88);font-size:13px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.eyebrow::before,.section-kicker::before{content:"";width:34px;height:4px;background:var(--red)}h1{max-width:900px;margin:0;font-size:clamp(39px,7vw,78px);line-height:.95;letter-spacing:0;text-transform:uppercase}.hero-copy{max-width:760px;margin:22px 0 0;color:rgba(255,255,255,.86);font-size:clamp(17px,2vw,21px)}.hero-actions,.inline-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}section{padding:76px 0}.section-kicker{color:var(--red)}.section-title{max-width:820px;margin:0;color:var(--black);font-size:clamp(31px,5vw,54px);line-height:1.02;text-transform:uppercase}.section-copy{max-width:760px;margin:16px 0 0;color:var(--muted);font-size:17px}.split{display:grid;grid-template-columns:.92fr 1.08fr;gap:38px;align-items:start}.note{margin:0;padding:24px;border-left:5px solid var(--red);background:var(--soft);box-shadow:0 12px 30px rgba(0,0,0,.06);font-size:18px}.soft{background:var(--soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.dark{background:var(--black);color:var(--white)}.dark .section-title{color:var(--white)}.dark .section-copy{color:rgba(255,255,255,.72)}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:30px}.two-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card{min-height:150px;padding:22px;border:1px solid var(--line);border-left:5px solid var(--black);background:var(--white);box-shadow:0 12px 30px rgba(0,0,0,.04)}.card:nth-child(2n){border-left-color:var(--red)}.dark .card{background:var(--charcoal);border-color:rgba(255,255,255,.14)}.card h2,.card h3{margin:0 0 10px;font-size:22px;line-height:1.1}.card p,.card li{margin:0;color:var(--muted);font-size:15px}.dark .card p,.dark .card li{color:rgba(255,255,255,.72)}.card ul{margin:0;padding-left:20px;display:grid;gap:8px}.estimate{background:linear-gradient(90deg,rgba(201,21,27,.95),rgba(151,15,19,.96));color:var(--white)}.estimate-row{display:flex;align-items:center;justify-content:space-between;gap:28px}.estimate h2{max-width:780px;margin:0;font-size:clamp(32px,5vw,58px);line-height:1;text-transform:uppercase}.estimate p{max-width:690px;margin:14px 0 0;color:rgba(255,255,255,.82);font-size:17px}.footer{padding:28px 0;color:rgba(255,255,255,.68);background:#050505;font-size:14px}.footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:18px}.footer strong,.footer a[href^="tel:"]{color:var(--white)}.footer a[href^="tel:"]{font-size:18px;font-weight:900;white-space:nowrap}.area-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.area-links a{display:inline-flex;align-items:center;min-height:42px;padding:0 14px;border:1px solid var(--line);border-left:4px solid var(--red);background:var(--white);color:var(--black);font-weight:800}@media(max-width:920px){.nav{align-items:flex-start;flex-direction:column;padding:16px 0}.brand-logo{width:180px}.nav-links{width:100%;flex-wrap:wrap;overflow:visible;gap:16px;padding-bottom:4px}.split,.card-grid,.two-grid{grid-template-columns:1fr}.estimate-row{align-items:flex-start;flex-direction:column}}@media(max-width:620px){.nav-links .optional{display:none}.hero{min-height:auto}.hero-inner{padding:48px 0 46px}.btn{width:100%;padding:0 16px}section{padding:58px 0}.footer .wrap{align-items:flex-start;flex-direction:column}}.siding-hero::before{background-image:url("norandex-siding.jpg")}.product-showcase{display:grid;grid-template-columns:1fr .88fr;gap:38px;align-items:center}.product-showcase.reverse{grid-template-columns:.78fr 1fr}.literature-stack{display:grid;gap:14px}.literature-stack figure{margin:0;background:var(--black);color:var(--white);box-shadow:var(--shadow)}.literature-stack img,.window-card img{display:block;width:100%;height:auto}.literature-stack figcaption{padding:12px 14px;color:rgba(255,255,255,.76);font-size:13px;font-weight:700}.window-card{display:grid;gap:18px;padding:22px;border:1px solid var(--line);border-left:5px solid var(--red);background:var(--white);box-shadow:0 20px 44px rgba(0,0,0,.1)}.window-card strong{display:block;margin-bottom:4px;font-size:24px;text-transform:uppercase}.window-card span{color:var(--muted);font-size:15px}.feature-list{display:grid;gap:12px;margin-top:24px}.feature-list div{padding:16px;border-left:5px solid var(--red);background:var(--soft)}.feature-list strong{display:block;margin-bottom:4px;color:var(--black);font-size:17px}.feature-list span{color:var(--muted);font-size:15px}@media(max-width:920px){.product-showcase,.product-showcase.reverse{grid-template-columns:1fr}}