@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Inter:wght@400;600;700;800&display=swap');
:root{--black:#101010;--char:#202020;--orange:#e65d1f;--cream:#f5f3ee;--muted:#b9b6af}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--cream);font-family:Inter,Arial,sans-serif;line-height:1.55}.nav{height:78px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:#101010f2;border-bottom:1px solid #333;backdrop-filter:blur(8px)}.brand{color:#fff;text-decoration:none;font:22px/0.8 'Barlow Condensed',Arial;text-transform:uppercase}.brand strong{display:block;font-size:28px}.nav nav{display:flex;align-items:center;gap:25px}.nav nav a{color:#fff;text-decoration:none;font-size:12px;font-weight:800;text-transform:uppercase}.nav-btn,.button{background:var(--orange);padding:12px 18px;border-radius:4px}.hero{min-height:calc(100vh - 78px);display:grid;grid-template-columns:1fr 1fr;max-width:1500px;margin:auto}.hero-copy{padding:10vw 6vw;align-self:center}.eyebrow{color:var(--orange);font-size:13px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.hero h1,.section h2,.gallery h2,.instructions h2,.clamp-section h2,.man-thing h2,.contact h2{font-family:'Barlow Condensed',Arial,sans-serif;text-transform:uppercase;line-height:.88;margin:20px 0}.hero h1{font-size:clamp(70px,8vw,120px)}h1 span,h2 span{color:var(--orange)}.lead{font-size:20px;color:#ddd;max-width:620px;margin:30px 0}.button{display:inline-block;color:#fff;text-decoration:none;font-weight:800}.hero-photo{min-height:650px;position:relative}.hero-photo img,.gallery-main img,.instruction-image img,.clamp-photo img{width:100%;height:100%;object-fit:cover;display:block}.steel-badge{position:absolute;right:28px;bottom:28px;background:var(--orange);padding:15px 20px;font-size:25px;font-weight:900;line-height:1}.steel-badge small{font-size:13px}.section{padding:100px 7vw}.dark{background:#191919}.section-head{text-align:center;margin-bottom:55px}.section h2{font-size:75px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#444}.feature-grid article{background:#242424;padding:40px 32px;min-height:270px}.feature-grid b{color:var(--orange);font-size:15px}.feature-grid h3{font:700 30px 'Barlow Condensed';text-transform:uppercase;line-height:1;margin:20px 0}.feature-grid p{color:var(--muted)}.gallery{display:grid;grid-template-columns:1.1fr .9fr;min-height:650px}.gallery-copy{padding:90px 7vw;background:#111}.gallery h2{font-size:70px}.gallery-copy>p:not(.eyebrow){color:var(--muted);max-width:550px}.specs{display:flex;gap:25px;margin-top:50px}.specs div{border-left:3px solid var(--orange);padding-left:12px}.specs strong{display:block;font:700 31px 'Barlow Condensed'}.specs small{color:var(--muted);font-size:10px}.instructions{display:grid;grid-template-columns:1fr 1fr}.instruction-image{min-height:680px}.instruction-copy{padding:85px 7vw;background:#202020}.instructions h2,.clamp-section h2{font-size:65px}.instructions ol,.clamp-section ol{padding-left:25px}.instructions li,.clamp-section li{margin:14px 0;color:#ddd}.instructions li::marker,.clamp-section li::marker{color:var(--orange);font-weight:900}.clamp-section{display:grid;grid-template-columns:1fr 1fr;min-height:650px}.clamp-copy{padding:90px 7vw;background:#171717}.clamp-photo{min-height:650px}.man-thing{text-align:center;padding:120px 20px;background:#101010}.man-thing h2{font-size:100px}.man-thing p:last-child{font-size:20px;color:var(--muted)}.contact{text-align:center;padding:110px 25px;background:#1c1c1c}.contact h2{font-size:75px}.contact>p:not(.eyebrow){color:var(--muted);margin-bottom:30px}.large{padding:16px 25px}footer{display:flex;justify-content:space-between;gap:20px;padding:35px 5vw;border-top:1px solid #333;color:var(--muted);font-size:12px}footer .brand{color:#fff}@media(max-width:900px){.nav{padding:0 20px}.nav nav a:not(.nav-btn){display:none}.hero,.gallery,.instructions,.clamp-section{grid-template-columns:1fr}.hero-photo{min-height:500px;order:-1}.hero-copy{padding:65px 25px}.section{padding:75px 25px}.feature-grid{grid-template-columns:1fr 1fr}.section h2,.gallery h2,.instructions h2,.clamp-section h2,.contact h2{font-size:55px}.gallery-main,.instruction-image,.clamp-photo{min-height:450px}.gallery-copy,.instruction-copy,.clamp-copy{padding:65px 25px}.man-thing h2{font-size:70px}.specs{flex-wrap:wrap}footer{display:block;padding:30px 25px}footer>div{margin:8px 0}}