@font-face{font-family:Condensed;src:url('condensed.woff2') format('woff2');font-display:swap;font-weight:600}:root{--paper:#17191a;--ink:#f1f0eb;--accent:#ff8c44;--accent-ink:#17191a;--surface:#242728;--line:#ffffff30}.steel h1,.steel h2,.steel .service-links strong{font-family:Condensed,'Arial Narrow',sans-serif;font-weight:600;letter-spacing:-.025em;text-transform:uppercase}.steel .site-header{width:220px;position:fixed;inset:0 auto 0 0;flex-direction:column;align-items:stretch;justify-content:start;border-right:1px solid var(--line);padding:2rem 1.4rem;background:#202324}.steel .brand{font-size:1.1rem;flex-direction:column;align-items:start;gap:1.5rem;line-height:1.3}.steel .brand-mark{background:var(--accent);color:#17191a;width:62px;height:62px;font-size:1.8rem}.steel .brand small{color:#ccc}.steel .site-header nav{flex-direction:column;align-items:stretch;gap:0;margin-top:3rem}.steel .site-header nav a{border-bottom:1px solid var(--line);padding:1rem 0;justify-content:space-between}.steel .site-header nav a>span{display:block}.steel .header-contact{display:block;margin-top:auto;font-size:.875rem;line-height:1.7}.steel .header-contact span{display:block;padding-bottom:1rem;color:#bbb}.steel .header-contact a{font-weight:bold}.steel .demo-bar,.steel main,.steel .site-footer{margin-left:220px}.steel .demo-bar{background:#2c3032;color:#eee;font-size:.75rem}.steel .wrap{width:calc(100% - 5rem)}.steel-hero{position:relative;padding:2rem 2.5rem 0}.steel-meta{display:flex;justify-content:space-between;font-size:.75rem;letter-spacing:.13em;padding-bottom:2rem;gap:1rem}.steel-image{margin-left:18%;height:clamp(330px,39vw,590px)}.steel-image .photo{height:100%;clip-path:polygon(10% 0,100% 0,100% 100%,0 100%,0 12%)}.steel-image img{height:100%;object-position:center}.steel-title{position:relative;margin-top:-30%;max-width:90%;pointer-events:none;padding-bottom:2rem}.steel-title .eyebrow{display:table;background:#17191af0;padding:.6rem .7rem}.steel-title h1{font-size:clamp(4.3rem,7.8vw,9rem);line-height:.88;text-shadow:0 2px 28px #0009}.steel-intro{position:relative;display:flex;align-items:center;justify-content:space-between;gap:2rem;background:var(--paper);padding:2rem 0;border-bottom:1px solid var(--line)}.steel-intro p{max-width:40ch}.steel .button{background:var(--accent);color:var(--accent-ink);text-transform:uppercase;font-size:.875rem;letter-spacing:.05em}.steel .button:hover{background:#fff}.steel-links a{padding-block:2rem}.steel-links a:hover{padding-left:1.3rem;background:var(--surface)}.steel-links strong{font-size:clamp(2rem,3.5vw,3.3rem)}.steel-links .index{align-self:start;color:var(--accent)}.steel-materials{display:grid;grid-template-columns:1fr 1fr;gap:3rem;border-top:1px solid var(--line)}.steel-materials p:not(.eyebrow){margin-top:2rem}.steel-materials .button{margin-top:2rem}.material-stack a{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:2rem 1.4rem;border:1px solid var(--line);margin-bottom:1rem;min-height:115px;background:linear-gradient(125deg,#35393b,#242728)}.material-stack strong{font-family:Condensed,sans-serif;font-size:2.6rem;text-transform:uppercase}.material-stack a:hover{border-color:var(--accent)}.steel-guide{padding:5rem 0;background:var(--accent);color:var(--paper)}.steel-guide h2{font-size:clamp(2.8rem,5vw,5.5rem)}.steel-guide p:not(.eyebrow){margin:2rem 0}.steel-guide .button{background:var(--paper);color:var(--ink)}.steel .page-header h1{font-size:clamp(3rem,6vw,7rem)}.steel .page-aside{background:#242728}.steel .site-footer{background:#e5e6e2;color:#17191a}.steel .footer-top,.steel .footer-bottom{border-color:#17191a40}.steel .material-article{border-left:4px solid var(--accent)}.steel .contact-main{background:var(--accent);color:#17191a}.steel .contact-main .button{background:#17191a;color:#fff}
@media(max-width:1150px){.steel .site-header{width:185px;padding:1.5rem 1rem}.steel .demo-bar,.steel main,.steel .site-footer{margin-left:185px}.steel .wrap{width:calc(100% - 3rem)}.steel-hero{padding-inline:1.5rem}.steel .article-layout{grid-template-columns:1fr}.steel .page-aside{position:static}.steel-materials{gap:2rem}.steel .contact-panel{grid-template-columns:1fr}}
@media(max-width:820px){.steel .site-header{position:relative;inset:auto;width:100%;flex-direction:row;align-items:center;justify-content:space-between;padding:1rem 1.25rem}.steel .brand{flex-direction:row;align-items:center;gap:.8rem}.steel .brand-mark{width:42px;height:42px;font-size:1.25rem}.steel .site-header nav{margin:0;width:100%;flex-direction:row;flex-wrap:wrap}.steel .header-contact{display:none}.steel .demo-bar,.steel main,.steel .site-footer{margin-left:0}.steel .site-header{flex-wrap:wrap}.steel .site-header nav a{border:0;padding:.5rem}.steel .site-header nav a>span{display:none}.steel .wrap{width:calc(100% - 2.5rem)}.steel-hero{padding:1.5rem 1.25rem 0}.steel-meta{padding-bottom:1.3rem}.steel-image{height:390px;margin-left:8%}.steel-title{margin-top:-10rem;max-width:100%}.steel-title h1{font-size:clamp(4rem,11vw,6.5rem)}.steel-title .eyebrow{font-size:.75rem}.steel-intro{flex-direction:column;align-items:start;gap:1.5rem}.steel-materials{grid-template-columns:1fr}.steel-guide{padding-block:3rem}.steel .footer-top p{font-family:Condensed,sans-serif;text-transform:uppercase}}
@media(max-width:760px){.steel.js .site-header nav{display:none;flex-direction:column}.steel.js .site-header nav.is-open{display:flex;margin-top:1rem}.steel.js .site-header nav a{border-bottom:1px solid var(--line);padding:1rem 0}.steel.js .site-header nav a>span{display:block}.steel .service-links small{max-width:29ch}.steel-image{height:350px}.steel-title h1{font-size:clamp(3.5rem,12vw,5.5rem)}}