.steel-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(24px,4vw,60px);align-items:center;padding-block:clamp(30px,5vw,72px)}
.steel-hero h1{font-size:clamp(2.2rem,3.6vw,3.6rem);line-height:1.1;margin:12px 0 22px;max-width:18ch}
.steel-hero .lead{max-width:60ch;font-size:1.05rem;line-height:1.75}
.steel-hero figure{margin:0}
.steel-hero figure img{width:100%;height:450px;object-fit:cover;border-radius:18px}
.steel-hero figcaption,.steel-photo-note{font-size:12px;line-height:1.5;color:var(--color-text-muted);margin-top:8px}
.steel-eyebrow{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent);font-weight:700}
.steel-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.steel-actions .btn{border:1px solid var(--color-border);border-radius:8px}
.steel-actions .btn:first-child{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-text-inverse)}
.steel-family .btn{border:1px solid var(--color-border);border-radius:8px}
.steel-facts{display:flex;flex-wrap:wrap;gap:20px;margin-top:26px;padding-top:20px;border-top:1px solid var(--color-border)}
.steel-facts span{font-size:14px;color:var(--color-text-muted)}
.steel-facts strong{display:block;color:var(--color-text);font-size:23px}
.steel-strip{padding:20px 24px;border:1px solid var(--color-border);border-left:4px solid #b05d25;background:var(--color-surface);border-radius:12px;line-height:1.7}
.steel-strip p{margin:0}
.steel-search-row{display:flex;align-items:center;gap:16px;justify-content:space-between;margin:24px 0}
.steel-search-row input{width:min(100%,530px);padding:14px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);color:var(--color-text);font:inherit}
.steel-search-row output{font-size:14px;color:var(--color-text-muted);white-space:nowrap}
.steel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.steel-grid{align-items:start}
.steel-selected-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}
.steel-selected-gallery figure{margin:0}
.steel-selected-gallery img{display:block;width:100%;height:clamp(180px,24vw,320px);object-fit:cover;border-radius:var(--radius-sm)}
.steel-selected-gallery figcaption{font-size:var(--text-sm);margin-top:var(--space-2);color:var(--color-text-muted)}
.steel-parts>ul{list-style:none;padding:0}
.steel-parts .steel-part{display:flex;align-items:flex-start;gap:var(--space-3);padding-block:var(--space-3);margin:0;border-bottom:1px solid var(--color-border)}
.steel-part>img{flex:none;width:80px;height:70px;object-fit:contain;background:#fff;border-radius:var(--radius-sm)}
.steel-part>div{min-width:0}
.steel-photo-link{display:block;flex:none;width:112px;border-radius:var(--radius-sm);overflow:hidden;background:#fff}
.steel-photo-link img{display:block;width:100%;height:90px;object-fit:contain}
.steel-photo-link:hover{outline:2px solid var(--color-accent)}
.steel-photo-link:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}
@media(max-width:580px){.steel-photo-link{width:76px}.steel-photo-link img{height:70px}}
.steel-part strong{display:block;font-size:var(--text-sm);line-height:1.5}
.steel-part span{display:block;font-size:var(--text-xs);line-height:1.55;color:var(--color-text-muted);margin-top:var(--space-1)}
.steel-norm-links a{color:var(--color-text-muted);text-decoration:underline;text-underline-offset:2px}
.steel-downloads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}
#catalogues-pdf{scroll-margin-top:230px}
.steel-download{padding:var(--space-6);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md)}
.steel-download-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}
.steel-download-actions>a.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--color-accent);color:var(--color-accent-contrast,#fff);border:1px solid transparent;text-decoration:none}
.steel-download-actions>a.btn.btn-light{background:transparent;color:var(--color-primary);border-color:var(--color-border)}
.steel-download-actions>a.btn:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}
.steel-part-pdf{display:inline-block;margin-top:var(--space-2);font-size:var(--text-sm);font-weight:700;color:var(--color-accent);text-decoration:underline;text-underline-offset:3px}
.steel-family-pdf{margin-top:var(--space-3)}
.steel-pdf-shortcut{margin:var(--space-3)}
@media(max-width:580px){#catalogues-pdf{scroll-margin-top:150px}.steel-downloads{grid-template-columns:1fr}.steel-download-actions .btn{width:100%}}
.steel-family .steel-eyebrow{font-size:var(--text-xs);color:var(--color-accent)}
.steel-strip{border-left-width:1px}
@media(max-width:580px){.steel-selected-gallery{grid-template-columns:1fr}.steel-selected-gallery img{height:220px}.steel-part>img{width:64px;height:58px}}
.steel-family{border:1px solid var(--color-border);background:var(--color-surface);border-radius:16px;overflow:hidden;scroll-margin-top:190px}
.steel-family[hidden]{display:none}
.steel-family>img{display:block;width:100%;height:245px;object-fit:cover}
.steel-family-body{padding:24px}
.steel-family h3{font-size:22px;line-height:1.35;margin:0 0 12px}
.steel-family p{line-height:1.7;color:var(--color-text-muted)}
.steel-family ul{padding-left:20px;margin:18px 0;line-height:1.65}
.steel-family li{margin-bottom:9px}
.steel-family details{margin:20px 0;border-top:1px solid var(--color-border);padding-top:14px}
.steel-family summary{cursor:pointer;font-size:14px;font-weight:700}
.steel-family details p{font-size:14px}
.steel-family .btn{margin-top:6px}
.steel-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.steel-process article{padding:22px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px}
.steel-process small{color:#b05d25;font-size:13px;font-weight:700}
.steel-process h3{font-size:18px;margin:10px 0}
.steel-process p{font-size:14px;line-height:1.6;color:var(--color-text-muted)}
.steel-resource{margin:24px 0;border:1px solid var(--color-border);border-radius:12px;padding:18px 24px;background:var(--color-surface)}
.steel-resource summary{font-weight:700;cursor:pointer}
.steel-resource p{line-height:1.7;color:var(--color-text-muted)}
.steel-resource a{color:var(--color-accent)}
.steel-footnote{font-size:13px;color:var(--color-text-muted);line-height:1.7}
.steel-sources{display:flex;flex-wrap:wrap;gap:12px}
.steel-sources a{font-size:13px;text-decoration:underline}
.steel-review-note{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:10px 20px;text-align:center;font-size:12px;line-height:1.5;color:var(--color-text-muted)}
.steel-feature{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;padding:28px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:18px;margin-top:28px}
.steel-feature img{width:100%;height:300px;object-fit:cover;border-radius:12px}
.steel-feature h2{font-size:clamp(24px,3vw,36px);line-height:1.15;margin:10px 0 18px}
.steel-feature p{line-height:1.7;color:var(--color-text-muted)}
.steel-sector-icon{color:#b05d25}
.steel-sector-icon .sico{animation:steel-service-pulse 5s ease-in-out infinite}
@keyframes steel-service-pulse{50%{transform:translateY(-3px);filter:drop-shadow(0 4px 6px #b05d2530)}}
.cap-service-photo{display:block;width:100%;height:180px;object-fit:cover;border-radius:10px;margin-bottom:16px}
.cap .cap-service-photo~.ico{display:none}
.hero-controls{max-width:calc(100% - 24px);width:max-content;gap:6px;padding:8px;flex-wrap:nowrap;justify-content:center;left:50%;right:auto;transform:translateX(-50%)}
.hero-pagination{display:flex;gap:2px;align-items:center;max-width:232px;overflow-x:auto;scrollbar-width:none}
.hero-pagination::-webkit-scrollbar{display:none}
.hero-progress{display:none;color:#fff;font-size:11px;white-space:nowrap}
.hero-controls .hero-dot{position:relative;flex:0 0 24px;min-width:24px;width:24px;height:24px;padding:0;border:0;background:transparent}
.hero-controls .hero-dot::after{content:"";display:block;width:9px;height:9px;border:1px solid #fff;border-radius:50%;position:absolute;left:7px;top:7px}
.hero-controls .hero-dot[aria-pressed=true]{background:transparent}
.hero-controls .hero-dot[aria-pressed=true]::after{background:#fff}
.hero-controls button:not(.hero-dot){min-width:44px;width:44px;height:44px;padding:0}
.hero2{display:block;height:auto;min-height:0;background:#0b1424}
.hero2::after{display:none}
.hero2 .h2bg{position:relative;inset:auto;height:clamp(260px,28vw,400px)}
.hero2 .h2bg img{object-position:50% 50%}
.hero2 .wrap{padding-top:32px;padding-bottom:48px}
.hero2 h1{max-width:30ch}
.hero2 .hero-credit-link{position:static;display:block;width:max-content;margin:0 auto;padding:0 16px 16px;transform:none;color:#cbd5e1;font-size:12px}
.hero-controls{bottom:12px}
@media(max-width:800px){.steel-hero,.steel-feature{grid-template-columns:1fr}.steel-hero figure img{height:300px}.steel-process{grid-template-columns:repeat(2,minmax(0,1fr))}.steel-hero h1{max-width:22ch}.steel-feature{padding:22px}}
@media(max-width:580px){.steel-grid,.steel-process{grid-template-columns:1fr}.steel-family>img{height:215px}.steel-family-body{padding:20px}.steel-search-row{align-items:flex-start;flex-direction:column}.steel-search-row input{width:100%}.steel-hero figure{grid-row:1}.steel-hero figure img{height:220px}.steel-hero h1{font-size:30px}.steel-feature img{height:230px}.steel-family{scroll-margin-top:140px}.steel-strip{padding:18px}.steel-facts{gap:16px}}
@media(max-width:580px){.hero-pagination{display:none}.hero-progress{display:block;min-width:20px}.hero2 .wrap{padding-top:28px;padding-bottom:40px}.hero-controls{bottom:12px;gap:2px;padding:4px}}
@media(prefers-reduced-motion:reduce){.steel-sector-icon .sico{animation:none}}