@font-face{font-family:Nunito;src:url('../assets/fonts/nunito-latin-variable-400-800.woff2') format('woff2');font-weight:400 800;font-display:swap}@font-face{font-family:Poppins;src:url('../assets/fonts/poppins-latin-700.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--st-navy:#073461;--st-blue:#1768ad;--st-orange:#e96728;--st-ink:#17354f;--st-muted:#5b7185;--st-line:#cedde8;--st-pale:#eef4f8;--st-white:#fff;--st-wrap:1180px;--st-radius:0;--st-card:#fff;--st-section:68px}
*{box-sizing:border-box}html{scroll-behavior:smooth}.stair-treads-page{margin:0;background:#fff;color:var(--st-ink);font:400 1rem/1.65 Nunito,Arial,sans-serif;font-kerning:normal}.stair-treads-page main{overflow:hidden}.stair-treads-page main h1,.stair-treads-page main h2,.stair-treads-page main h3{margin:0 0 14px;color:var(--st-navy);font-family:Poppins,Arial,sans-serif;line-height:1.18;text-wrap:balance}.stair-treads-page main h1{font-size:clamp(2.15rem,4vw,3.75rem);color:#fff;letter-spacing:-.03em}.stair-treads-page main h2{font-size:clamp(1.7rem,2.65vw,2.4rem);letter-spacing:-.022em}.stair-treads-page main h3{font-size:1.05rem}.stair-treads-page main p{margin:0 0 15px}.stair-treads-page main a{color:var(--st-blue)}.st-wrap{width:min(var(--st-wrap),calc(100% - 40px));margin:auto}.st-section{padding:var(--st-section) 0;scroll-margin-top:112px}.st-eyebrow{margin:0 0 10px!important;color:#ffb17c;font-size:.75rem;font-weight:800;line-height:1.35;letter-spacing:.12em;text-transform:uppercase}.st-eyebrow.st-dark{color:var(--st-orange)}
.st-hero{position:relative;display:flex;min-height:390px;align-items:center;color:#fff}.st-hero-image,.st-hero-overlay{position:absolute;inset:0}.st-hero-image{background:url('../assets/uploads/2025/08/expanded-metal-stair-treads-hero-1600.webp') center/cover no-repeat}.st-hero-overlay{background:linear-gradient(90deg,rgba(3,29,57,.95),rgba(3,29,57,.72) 56%,rgba(3,29,57,.2))}.st-hero-content{position:relative;padding:56px 0 50px}.st-breadcrumbs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:34px;font-size:.875rem}.st-breadcrumbs a{color:#d8eaff;text-decoration:none}.st-hero-lead{max-width:730px;font-size:1.1rem;line-height:1.62}.st-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:25px}.st-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 21px;border:1px solid transparent;border-radius:7px;font:800 1rem Nunito,sans-serif;text-decoration:none;cursor:pointer}.st-button-primary{color:#fff!important;background:var(--st-orange)}.st-button-primary:hover{background:#cf551d}.st-button-secondary{color:#fff!important;border-color:rgba(255,255,255,.62);background:rgba(255,255,255,.08)}
.st-section-nav{position:sticky;top:96px;z-index:20;border-bottom:1px solid var(--st-line);background:rgba(255,255,255,.96);backdrop-filter:blur(10px)}.st-section-nav .st-wrap{display:flex;gap:24px;overflow:auto}.st-section-nav a{padding:13px 0;color:#38546d;font-size:.875rem;font-weight:800;white-space:nowrap;text-decoration:none}.st-section-nav a:hover{color:var(--st-orange)}
.st-overview{background:#fff}.st-overview-grid{display:grid;grid-template-columns:.8fr 1.45fr;gap:68px}.st-answer{max-width:780px}.st-answer p:first-child{font-size:1.1rem;line-height:1.68}.st-section-heading{display:grid;grid-template-columns:1.35fr .65fr;gap:50px;align-items:end;margin-bottom:28px}.st-section-heading>p{max-width:46ch;color:var(--st-muted)}
.st-gallery-section{background:#fff}.st-gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:210px;gap:12px}.st-gallery figure{display:grid;grid-template-rows:minmax(0,1fr) auto;grid-column:span 3;margin:0;overflow:hidden;background:#fff;border:1px solid var(--st-line);border-radius:var(--st-radius)}.st-gallery figure.st-gallery-main{grid-column:span 6;grid-row:span 2}.st-gallery img{display:block;width:100%;height:100%;min-height:0;object-fit:cover}.st-gallery figcaption{display:flex;flex-direction:column;gap:2px;min-height:48px;padding:10px 12px;color:var(--st-navy);border-top:1px solid var(--st-line)}.st-gallery figcaption strong{font-size:.9rem}.st-gallery figcaption span{color:var(--st-muted);font-size:.8rem}
.st-applications{background:var(--st-pale)}.st-application-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--st-line);border-left:1px solid var(--st-line)}.st-application-grid article{padding:22px 19px;border-right:1px solid var(--st-line);border-bottom:1px solid var(--st-line);background:var(--st-card);border-radius:var(--st-radius)}.st-application-grid article>span{display:block;margin-bottom:22px;color:var(--st-orange);font-size:.75rem;font-weight:800}.st-application-grid article p{margin:0;color:var(--st-muted);font-size:.9rem;line-height:1.55}
.st-benefits{background:var(--st-navy);color:#eaf3fb}.st-benefit-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.st-benefits h2{color:#fff}.st-benefits .st-dark{color:#ffb17c}.st-benefit-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin:0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.22);border-left:1px solid rgba(255,255,255,.22)}.st-benefit-list li{padding:18px;border-right:1px solid rgba(255,255,255,.22);border-bottom:1px solid rgba(255,255,255,.22)}.st-benefit-list strong,.st-benefit-list span{display:block}.st-benefit-list strong{color:#fff}.st-benefit-list span{margin-top:4px;color:#c7d8e7;font-size:.875rem}
.st-selection{background:var(--st-pale)}.st-selection-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--st-line);border-left:1px solid var(--st-line)}.st-selection-grid article{padding:22px;border-right:1px solid var(--st-line);border-bottom:1px solid var(--st-line);background:#fff;border-radius:var(--st-radius)}.st-selection-grid ul{display:grid;gap:6px;margin:0;padding-left:18px;color:var(--st-muted);font-size:.9rem}.st-safety-note{margin:18px 0 0!important;padding:15px 18px;color:#294a66;background:#e2edf5;border-left:4px solid var(--st-orange)}
.st-materials{background:#fff}.st-material-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.st-material-list{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--st-line)}.st-material-list article{padding:18px 20px 18px 0;border-bottom:1px solid var(--st-line)}.st-material-list article:nth-child(even){padding-left:20px;border-left:1px solid var(--st-line)}.st-material-list p{margin:0;color:var(--st-muted);font-size:.9rem}
.st-faq{background:var(--st-pale)}.st-faq-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px}.st-faq-list details{padding:17px 0;border-bottom:1px solid var(--st-line)}.st-faq-list summary{cursor:pointer;color:var(--st-navy);font:700 1rem/1.4 Poppins,Arial,sans-serif}.st-faq-list details p{max-width:72ch;margin:12px 30px 0 0;color:var(--st-muted)}
.st-quote{background:var(--st-navy);color:#eaf3fb}.st-quote-layout{display:grid;grid-template-columns:1fr .9fr;gap:70px}.st-quote h2{color:#fff}.st-quote ul{display:grid;gap:6px;padding-left:18px}.st-form{display:grid;gap:13px;padding:26px;background:#fff;color:var(--st-ink)}.st-form label{color:var(--st-navy);font-weight:800}.st-form input,.st-form textarea{display:block;width:100%;margin-top:5px;padding:11px;border:1px solid #bcd0df;border-radius:5px;font:inherit}
.st-button:focus-visible,.stair-treads-page main a:focus-visible,.st-faq summary:focus-visible,.st-form input:focus-visible,.st-form textarea:focus-visible{outline:3px solid #ffac73;outline-offset:3px}.st-preview-toolbar{position:sticky;top:0;z-index:10001;display:flex;align-items:center;gap:16px;min-height:46px;padding:7px max(18px,calc((100% - 1180px)/2));color:#fff;background:#052e58;font:700 .8rem Nunito,sans-serif}.st-preview-toolbar span{display:flex;gap:5px;overflow:auto}.st-preview-toolbar a{display:grid;place-items:center;min-width:29px;height:29px;padding:0 10px;color:#fff;border:1px solid rgba(255,255,255,.35);text-decoration:none;white-space:nowrap}.st-preview-toolbar a[aria-current=page]{border-color:var(--st-orange);background:var(--st-orange)}.st-preview-toolbar .st-preview-exit{width:auto;margin-left:auto}
@media(max-width:980px){.st-application-grid{grid-template-columns:repeat(3,1fr)}.st-gallery{grid-template-columns:repeat(6,1fr)}.st-gallery figure,.st-gallery figure:nth-child(n){grid-column:span 3}.st-gallery figure.st-gallery-main{grid-column:span 6;grid-row:span 2}.st-selection-grid{grid-template-columns:repeat(2,1fr)}.st-overview-grid,.st-benefit-layout,.st-material-layout,.st-faq-layout,.st-quote-layout{gap:40px}.st-section-nav{top:86px}}
@media(max-width:700px){.st-wrap{width:min(100% - 28px,var(--st-wrap))}.st-section{padding:48px 0}.st-hero{min-height:350px}.st-hero-image{background-image:url('../assets/uploads/2025/08/expanded-metal-stair-treads-hero-960.webp')}.st-hero-content{padding:42px 0 38px}.st-breadcrumbs{margin-bottom:25px}.st-section-nav{top:86px}.st-section-nav .st-wrap{gap:18px}.st-overview-grid,.st-section-heading,.st-benefit-layout,.st-material-layout,.st-faq-layout,.st-quote-layout{grid-template-columns:1fr;gap:22px}.st-application-grid{grid-template-columns:repeat(2,1fr)}.st-application-grid article{padding:17px 14px}.st-gallery{grid-template-columns:repeat(2,1fr);grid-auto-rows:auto;gap:8px}.st-gallery figure,.st-gallery figure:nth-child(n){grid-column:span 1;grid-row:auto}.st-gallery figure.st-gallery-main{grid-column:span 2}.st-gallery img{height:auto;aspect-ratio:1}.st-gallery figure.st-gallery-main img{aspect-ratio:16/10}.st-gallery figcaption span{display:none}.st-benefit-list{grid-template-columns:1fr}.st-selection-grid{grid-template-columns:1fr}.st-material-list{grid-template-columns:1fr}.st-material-list article:nth-child(even){padding-left:0;border-left:0}.st-form{padding:20px}.st-preview-toolbar{gap:7px;overflow:auto}.st-preview-toolbar strong{white-space:nowrap}.st-preview-toolbar .st-preview-exit{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}